선생님! 혼자 해결해보려고했는데 잘 안되서 질문드립니다!!
비슷한 에러상황에 다른수강생 질문 올린거 봤는데 거기에 선생님 답변을 봐도 해결을 할수없어서 글올립니다!
뭐가문제인지 도와주시면 감사하겠습니다!
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
},
};