최재혁

윗분들 댓글보고 해결해서 정리해봅니다. 1. 강의대로 진행중 npm run dev-server 실행 시 cannot find module webpack-cli 에러 발생
2.&nbsp;&nbsp;npm install webpack-cli --save 실행 3. package.json 
"devDependencies": {
&nbsp; &nbsp; "@babel/core": "^7.13.16",
&nbsp; &nbsp; "@babel/plugin-proposal-class-properties": "^7.10.4",
&nbsp; &nbsp; "@babel/preset-env": "^7.13.15",
&nbsp; &nbsp; "@babel/preset-react": "^7.13.13",
&nbsp; &nbsp; "babel-core": "^6.26.3",
&nbsp; &nbsp; "babel-loader": "^8.2.2",
&nbsp; &nbsp; "babel-preset-es2015": "^6.24.1",
&nbsp; &nbsp; "babel-preset-react": "^6.24.1",
&nbsp; &nbsp; "webpack": "^4.46.0",
&nbsp; &nbsp; "webpack-cli": "^3.3.12",
&nbsp; &nbsp; "webpack-dev-server": "^3.11.2"

&nbsp; }, 4. webpack.config.js 
module: {
&nbsp;&nbsp; &nbsp; &nbsp; rules: [&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; test: /\.jsx?$/,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;loader: 'babel-loader',
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; exclude: /node_modules/,
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; query: {
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; cacheDirectory: true,
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; presets: ['@babel/preset-env', '@babel/preset-react']
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;&nbsp; &nbsp; &nbsp; ]
&nbsp;&nbsp; }, 5. npm run dev-server 실행 시 cannot find module @babel/core 에러 발생 -> npm install --save-dev @babel/core 6. 다시 npm run dev-server 실행 시 5번과 비슷한 에러 발생(총 3번인가 발생) 5번 해결방법과 같이 모듈 설치 전 이렇게 해결했습니다.

소개

게시글