inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Slack 클론 코딩[실시간 채팅 with React]

Q&A(CRA를 안 쓰는 이유)

프리티어와 린트가 먹히질 않습니다. 그리고 웹팩 돌린후 dist 폴더가 생성되지 않습니다.(깃 주소첨부)

354

inflearn1

작성한 질문수 10

0

1. 이상하게 프리티어랑 린트가 먹히질 않는 것 같습니다..

vscode쓰는데 설정파일 같이 첨부드립니다.. (setting.json)

{
    "workbench.colorTheme""Atom One Dark",
    "workbench.iconTheme""material-icon-theme",
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint"true
    },
    "eslint.alwaysShowStatus"true,
    "eslint.workingDirectories": [
        {"mode""auto"}
    ],
    "eslint.validate": [
        "javascript",
        "typescript"
    ],
    "explorer.confirmDelete"false,
    "terminal.integrated.shell.windows""C:\\Program Files\\Git\\bin\\bash.exe",
    "terminal.integrated.shellArgs.windows": [
        "--login"
    ],
}

2. 그리고 웹팩 번들링 작업후 /dist 폴더가 생성이 안되는데 에러는 딱히 안나는것 같은데 이유를 잘 모르겠습니다. 

https://github.com/SeokSuMin/slaectSumin/tree/master

react babel Socket.io 웹팩 typescript 클론코딩

답변 1

0

제로초(조현영)

1. vs code는 제가 안 써서 잘 모르겠습니다. node_modules 안에 설치된 것은 맞죠?

2. dist 폴더는 개발시에는 안 생깁니다. 배포 시에만 생깁니다.

0

inflearn1

1. 네, node_modules에 설치했는데, 좀더 알아봐야겠네요

2. 아 dev서버를 쓰면 dist폴더가 생성이 안되는건가요? 근데, npm run dev하고 브라우저 실행하면 아무런 화면이 안나오는 현상은 왜 그런걸까요? 현재 올린 url의 깃 프로젝트가 지금 그렇거든요...

답변감사합니다.

0

제로초(조현영)

브라우저나 터미널 콘솔에 에러 메시지 없으신가요?

0

inflearn1

혹시 이 경고가 화면에 아무런 컴포넌트가 안나오는 원인일까요?

http://localhost:3090/(여기에 아무url을쳐도 반응이 같음)

웹웹팩결과

````

$ npm run dev

> sleact-front@1.0.0 dev C:\Users\user\Desktop\sumin\sleact-front

> cross-env TS_NODE_PROJECT="tsconfig-for-webpack-config.json" webpack serve --env devalopment

i 「wds」: Project is running at http://localhost:3090/

i 「wds」: webpack output is served from /dist/

i 「wds」: Content not from webpack is served from C:\Users\user\Desktop\sumin\sleact-front

i 「wds」: 404s will fallback to /index.html

@babel/preset-env: `DEBUG` option

Using targets:

{

  "chrome": "89"

}

Using modules transform: auto

Using plugins:

  syntax-class-properties

  syntax-numeric-separator

  syntax-nullish-coalescing-operator

  proposal-optional-chaining { chrome }

  syntax-json-strings

  syntax-optional-catch-binding

  syntax-async-generators

  syntax-object-rest-spread

  syntax-dynamic-import

  proposal-export-namespace-from { }

  syntax-top-level-await

Using polyfills: No polyfills were added, since the `useBuiltIns` option was not set.

i 「wdm」: asset app.js 1.66 MiB [emitted] (name: app)

asset vendors-node_modules_emotion_styled_base_dist_emotion-styled-base_browser_esm_js.js 104 KiB [emitted] (id hint: vendors)

asset pages_SignUp_index_tsx.js 48.8 KiB [emitted]

asset pages_Login_index_tsx.js 4.74 KiB [emitted]

runtime modules 30.4 KiB 16 modules

orphan modules 10.1 KiB [orphan] 2 modules

modules by path ./node_modules/ 1.56 MiB 82 modules

modules by path ./pages/ 48.3 KiB

  ./pages/Login/index.tsx 2.74 KiB [built] [code generated]

  ./pages/SignUp/index.tsx 5.19 KiB [built] [code generated]

  ./pages/SignUp/styles.tsx 40.4 KiB [built] [code generated]

./client.tsx 2.82 KiB [built] [code generated]

./layout/App.tsx 3.38 KiB [built] [code generated]

sleact (webpack 5.37.0) compiled successfully in 3467 ms

i 「wdm」: Compiled successfully.

````

0

제로초(조현영)

일단 devalopment 오타 있고요. 네트워크탭 켠 채로 새로고침해서 빨간 색 있는지 확인해주세요

0

inflearn1

와.. 진짜 감사합니다. 저기에 오타가 하나 있었군요... 네트워크 탭에선 별도 빨간색은 나타나지 않았었습니다.. 다시한번 감사드립니다.

기본 셋팅과 관련하여

0

106

1

초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법

0

109

2

focus 시에만 화면 업데이트 되는 이유 + 해결방법

0

165

2

useEffect 개수 관리

0

122

2

라이브러리 서치 방법

0

118

2

함수 정의 패턴

0

80

1

npm run dev 에러

0

156

3

npx webpack 후 에러

0

187

2

'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)

0

151

2

사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')

1

192

2

초기세팅중 packge.json 에러떠요

0

163

2

CORS - Access-Control-Allow-Origin 누락 문제

0

439

3

로그인 페이지 무한 새로고침 현상

0

608

2

Module not found: Error: Can't resolve './App' 에러

0

970

1

배포 방법

0

306

2

npm run dev 시 빌드가 매우 느려졌습니다

0

1010

2

alias 경로 설정 오류

0

462

2

fetcher 함수의 data 값이 두번 찍히는 이유

0

282

1

제네릭 질문

0

225

2

ts-node 대신 tsx 사용여부

0

377

1

배포 관련 질문

0

249

1

[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.

0

395

2

[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.

0

341

1

users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.

0

252

2