webpack-cli에러 질문!
미해결
웹 게임을 만들며 배우는 React
선생님! 혼자 해결해보려고했는데 잘 안되서 질문드립니다!! 비슷한 에러상황에 다른수강생 질문 올린거 봤는데 거기에 선생님 답변을 봐도 해결을 할수없어서 글올립니다! 뭐가문제인지 도와주시면 감사하겠습니다! package.json { "name": "word-relay", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "webpack serve --env development" }, "author": "dongmin", "license": "MIT", "dependencies": { "react": "^17.0.1", "react-dom": "^17.0.1" }, "devDependencies": { "@babel/core": "^7.12.3", "@babel/preset-env": "^7.12.1", "@babel/preset-react": "^7.12.1", "@pmmmwh/react-refresh-webpack-plugin": "^0.5.0-rc.5", "babel-loader": "^8.1.0", "react-refresh": "^0.10.0", "webpack": "^5.3.2", "webpack-cli": "^4.1.0", "webpack-dev-server": "^4.0.0" } } 에러메시지 webpack.config.js const path = require('path'); const RefreshWebpackPlugin =require('@pmmmwh/react-refresh-webpack-plugin'); module.exports = { name: 'word-relay-dev', mode: 'development', // production devtool: 'eval', resolve: { extensions: ['.js','.jsx'] }, entry: { // app: ['./client.jsx', WordRelay.jsx] app: ['./client'], }, //엔트리 > 모듈적용 > 아웃풋 module: { rules: [{ test: /\.jsx?$/, loader: 'babel-loader', options:{ presets:[ ['@babel/preset-env',{ targets: { browsers:['> 5% in JP'], }, debug: true, }], '@babel/preset-react'], plugins:[ '@babel/plugin-proposal-class-properties', 'react-refresh/babel', ], }, }], }, plugins: [ new RefreshWebpackPlugin() ], output: { path: path.join(__dirname, 'dist'), filename: 'app.js', publicPath: '/dist/', }, devServer: { publicPath: '/dist/', hot: true }, };
- 첫질문
- react
- 다음엔더고민