我正在前端主机上进行React课程,我们不得不修改babel的配置,以允许状态实例化,例如:state = {index: 0}
在类组件中,但是在运行命令时:,并在根目录中创建文件,并进行如下修改:。我收到以下错误:npm install -D babel-eslint @babel/core @babel/preset-env @babel/plugin-proposal-class-properties @babel/preset-react
.babelrc
{ "presets": ["@babel/preset-react", "@babel/preset-env"], "plugins": ["@babel/plugin-proposal-class-properties"] }
/home/rahat/Documents/react_adopt_me/src/App.js: Duplicate plugin/preset detected.
If you'd like to use two separate instances of a plugin,
they need separate names, e.g.
plugins: [
['some-plugin', {}],
['some-plugin', {}, 'some unique name'],
]
Duplicates detected are:
[
{
"alias": "/home/rahat/Documents/react_adopt_me/src/node_modules/@babel/plugin-proposal-class-properties/lib/index.js",
"dirname": "/home/rahat/Documents/react_adopt_me/src",
"ownPass": false,
"file": {
"request": "@babel/plugin-proposal-class-properties",
"resolved": "/home/rahat/Documents/react_adopt_me/src/node_modules/@babel/plugin-proposal-class-properties/lib/index.js"
}
},
{
"alias": "base$2",
"options": {
"loose": "#__internal__@babel/preset-env__prefer-false-but-true-is-ok-if-it-prevents-an-error"
},
"dirname": "/home/rahat/Documents/react_adopt_me/src",
"ownPass": false
}
]
我相信这可能是节点版本问题。
如果您想快速修复,请通过以下方式卸载plugin-proposal-class-properties:
npm卸载@ babel / plugin-proposal-class-properties
然后禁用/删除.babelrc中的插件:
{
"presets": ["@babel/preset-react", "@babel/preset-env"]
//"plugins": ["@babel/plugin-proposal-class-properties"]
}
清除缓存:
npm运行clear-build-cache
然后再次运行服务器。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句