inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

웹 게임을 만들며 배우는 React

2-5. 웹팩으로 빌드하기

웹팩 설정을 마쳤는데 npx webpack 했을 때 원하는 결과가 안 나옵니다.

1562

도로롱

작성한 질문수 7

0

WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value.
Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/

ERROR in main
Module not found: Error: Can't resolve './src' in 'C:\study\zerocho\lecture'
resolve './src' in 'C:\study\zerocho\lecture'
  using description file: C:\study\zerocho\lecture\package.json (relative path: .)
    Field 'browser' doesn't contain a valid alias configuration
    using description file: C:\study\zerocho\lecture\package.json (relative path: ./src)
      no extension
        Field 'browser' doesn't contain a valid alias configuration
        C:\study\zerocho\lecture\src is not a file
      .js
        Field 'browser' doesn't contain a valid alias configuration
        C:\study\zerocho\lecture\src.js doesn't exist
      .json
        Field 'browser' doesn't contain a valid alias configuration
        C:\study\zerocho\lecture\src.json doesn't exist
      .wasm
        Field 'browser' doesn't contain a valid alias configuration
        C:\study\zerocho\lecture\src.wasm doesn't exist
      as directory
        existing directory C:\study\zerocho\lecture\src
          using description file: C:\study\zerocho\lecture\package.json (relative path: ./src)
            using path: C:\study\zerocho\lecture\src\index
              using description file: C:\study\zerocho\lecture\package.json (relative path: ./src/index)
                no extension
                  Field 'browser' doesn't contain a valid alias configuration
                  C:\study\zerocho\lecture\src\index doesn't exist
                .js
                  Field 'browser' doesn't contain a valid alias configuration
                  C:\study\zerocho\lecture\src\index.js doesn't exist
                .json
                  Field 'browser' doesn't contain a valid alias configuration
                  C:\study\zerocho\lecture\src\index.json doesn't exist
                .wasm
                  Field 'browser' doesn't contain a valid alias configuration
                  C:\study\zerocho\lecture\src\index.wasm doesn't exist

webpack 5.88.2 compiled with 1 error and 1 warning in 196 ms

처음에 위와 같은 에러코드가 나와서 lecture안에 src폴더를 만들고 그안에 index.js, index.json, index.wasm 파일을 직접 생성해주었습니다.

그 다음에는 아래와 같은 에러코드가 나오면서 main,js 파일이 생성됐는데 안에는 아무 내용도 없습니다.

asset main.js 0 bytes [emitted] [minimized] (name: main)
./src/index.js 1 bytes [built] [code generated]

WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value.
Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/

webpack 5.88.2 compiled with 1 warning in 212 ms
PS C:\study\zerocho\lecture> npx run
Need to install the following packages:
  run@1.4.0
Ok to proceed? (y) y
Found 0 argument(s). Expected one or more.
Usage: 
  runjs [SIGNAL] somecode.js [--args]
Ex:
  runjs somecode.js --args
  runjs SIGUSR2 somecode.js --args

그리고 webpack.config.js에 보면 강의에서 했던대로

mode: "development",

라고 이미 적용되어있는 상태입니다.

react

답변 2

0

제로초(조현영)

아니면 module.exports 같은 데 오타 있는 거 아닌가요?

0

제로초(조현영)

폴더 구조가 처음부터 틀렸을겁니다. package.json이랑 webpack.config.js 그리고 기타 파일들이 같은 폴더에 있어야합니다.

npm run dev 실행 시 포트가 안뜨는 문제

0

207

2

timeouts.current를 useEffect 의 input값으로 넣었을때

0

89

2

렌더링 테스트 코드 (Hooks)

0

80

1

Cannot find package 'react-refesh' 이런 에러 뜨시는 분들 보세요.

0

150

1

해당 에러 뜨는 분들 보세요. "Uncaught TypeError: ReactDom.createRoot is not a function"

1

192

1

강사님 레포지토리에서 코드 복사 시 master 브랜치 말고 react18 브랜치꺼 복붙하세요ㅠㅠ

0

97

1

useMemo와 useCallback 사용 시기

0

208

2

onRightClickTd가 작동을 하지 않습니다.

0

228

1

action.type 불러오는 방식

0

222

2

onClickRedo 질문

0

172

1

const Try = require(./Try) 빨간줄

0

249

1

npx webpack 실행시

0

315

1

지뢰찾기 강좌에서 빈칸들 한번에 열기 파트에서 여쭤보고싶은부분이 있어서 글 올립니다.

0

235

1

강좌에서 다루지 않은 기능들은 어떻게 학습하면 좋을까요?

0

311

1

react devtool이 enable 않됩니다.

0

532

2

React 랜더링이 되지 않습니다.

0

413

2

비동기로 동작하는 setState에 대해서

0

332

1

npm run dev 할 때 에러발생

0

480

2

memo, PureComponenet, shouldComponentUpdate 관련 질문

0

207

1

devMiddleware의 필요성

0

352

1

리액트에서 화살표 함수를 사용해야하는 이유

0

936

2

path.join관련질문

0

283

2

2-9. 웹팩 데브 서버와 핫 리로딩 설치과정 시 에러

0

376

1

next.js 에서 이와 비슷한 예제를 돌리고있는데 react랑 달라서 질문 드립니

1

494

4