ในขณะที่ฉันกำลังตั้งค่า React ภายในโครงการ Django ฉันพบข้อผิดพลาดนี้
ModuleBuildError ในการสร้างโมดูลล้มเหลว (จาก ./node_modules/babel-loader/lib/index.js): SyntaxError: C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js: การสนับสนุนสำหรับคลาสคุณสมบัติของไวยากรณ์ทดลอง 'ยังไม่ได้เปิดใช้งาน (17: 9):
15 |
16 | class BodyPartWrapper extends Component {
> 17 | state = {
| ^
18 |
19 | }
20 |
Add @babel/plugin-proposal-class-properties (https://git.io/vb4SL) to the
'plugins' section of your Babel config to enable transformation.
ดังนั้นฉันจึงติดตั้ง @ babel / plugin-offer-class-properties และใส่สิ่งนี้ใน babelrc
package.json
{
"name": "cebula_react",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "webpack-dev-server --config ./webpack.config.js --mode development",
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack --config prod.config.js"
},
"keywords": [],
"author": "",
"license": "ISC",
"babel": {
"presets": [
"@babel/preset-env",
"@babel/preset-react"
]
},
"devDependencies": {
"@babel/cli": "^7.0.0",
"@babel/core": "^7.0.0",
"@babel/plugin-proposal-class-properties": "^7.0.0",
"@babel/preset-env": "^7.0.0",
"@babel/preset-react": "^7.0.0",
"babel-loader": "^8.0.2",
"babel-plugin-transform-class-properties": "^6.24.1",
"react-hot-loader": "^4.3.6",
"webpack": "^4.17.2",
"webpack-bundle-tracker": "^0.3.0",
"webpack-cli": "^3.1.0",
"webpack-dev-server": "^3.1.8"
},
"dependencies": {
"react": "^16.5.0",
"react-dom": "^16.5.0"
}
}
babelrc
{
"presets": [
"@babel/preset-env",
"@babel/preset-react"
],
"plugins": [
"@babel/plugin-proposal-class-properties"
]
}
อย่างไรก็ตามข้อผิดพลาดยังคงมีอยู่ปัญหาคืออะไร ??
npx babel-upgrade --write --install
@babel/plugin-proposal-class-properties
babel-plugin-transform-class-properties
คุณกำลังสร้างใหม่หลังจากติดตั้งใช่หรือไม่?