reactjs/laravel 'npm run development' 失败并显示语法错误'Unexpected Token'



>我将 babel 更新到最新版本,但仍然收到指向"="运算符的错误

35 | export const AssignmentsContainer = connectedContainer(
36 |     class extends Component {
> 37 |         buildAssignments = () => {
|                          ^

debug.log并没有真正提供任何明显的提示

此时的 package.json 如下所示:

{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "npm run development -- --watch",
"watch-poll": "npm run watch -- --watch-poll",
"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"devDependencies": {
"axios": "^0.18.1",
"babel-preset-env": "^1.7.0",
"babel-preset-react": "^6.24.1",
"bootstrap": "^4.3.1",
"cross-env": "^5.1",
"jquery": "^3.4.1",
"laravel-mix": "^2.0",
"lodash": "^4.17.15",
"popper.js": "^1.12",
"react": "^16.9.0",
"react-dom": "^16.2.0"
},
"dependencies": {
"core-js": "^3.2.1",
"react-bootstrap": "^1.0.0-beta.12",
"react-html-parser": "^2.0.2",
"react-redux": "^7.1.1",
"redux": "^4.0.4"
}

}

也尝试筛选这个,但总是空的:https://github.com/JeffreyWay/laravel-mix/issues/1402

仍然不支持类属性。因此,您需要使用有助于转换类属性的@babel/plugin-proposal-class-properties

你需要安装 babel 插件:

npm install --save-dev @babel/plugin-proposal-class-properties

并且,在您的.babelrc文件中,您需要输入:

"plugins": ["@babel/plugin-proposal-class-properties"]

这将解决您的问题。

在您分享的链接中,提到使用"babel-plugin-transform-class-properties",但这适用于旧版本的 Babel。自 Babel v7 起,名称已更改为"@babel/plugin-proposal-class-properties"

对于 7 之前的 Babel 版本:

安装 babel-plugin-transform-class-properties 插件:

npm install --save-dev babel-plugin-transform-class-properties

然后,在 .babelrc 中输入:

"plugins": ["transform-class-properties"]

最新更新