인프런 커뮤니티 질문&답변
작성한 질문수
바벨과 웹펙 설정하기에서 질문 있습니다
21.03.25 22:35 작성
·
790
0
npm run build를 통해
dist 폴더에 app.js가 잘 생겨서
index.html을 켜보니 문구가 안뜨고 브라우저 콘솔에
ReferenceError: $RefreshReg$ is not defined
이런 에러가 뜹니다.
무슨 문제인지 아실까요
아래는 제 package.json 파일입니다
"dependencies": {
"@emotion/babel-plugin": "^11.2.0",
"@types/react": "^17.0.3",
"@types/react-dom": "^17.0.3",
"babel-core": "^6.26.3",
"cross-env": "^7.0.3",
"css-loader": "^5.2.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"style-loader": "^2.0.0",
"typescript": "^4.2.3"
},
"devDependencies": {
"@babel/core": "^7.13.10",
"@babel/preset-env": "^7.13.12",
"@babel/preset-react": "^7.12.13",
"@babel/preset-typescript": "^7.13.0",
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
"@types/node": "^14.14.35",
"@types/webpack": "^4.41.26",
"babel-loader": "^8.2.2",
"eslint": "^7.22.0",
"eslint-config-prettier": "^8.1.0",
"eslint-plugin-prettier": "^3.3.1",
"prettier": "^2.2.1",
"react-refresh": "^0.9.0",
"type-fest": "^1.0.1",
"webpack": "^5.28.0",
"webpack-cli": "^4.5.0",
"ts-node": "^9.1.1"
답변 2
4
2021. 07. 18. 00:25
조금 뒷북이지만 저처럼 몇 시간을 더 헤메시는 분이 없도록 제가 해결한 방법을 적어놓습니다.
package.json에 작성한 build 명령어를
"build": "cross-env TS_NODE_PROJECT=\"tsconfig-for-webpack-config.json\" webpack",
에서
"build": "cross-env TS_NODE_PROJECT=\"tsconfig-for-webpack-config.json\" NODE_ENV=production webpack",
로, NODE_ENV=production을 넣어주었더니 잘 됐습니다.
0
2021. 09. 18. 01:23
잘 보고 갑니다