- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在做一个关于前端大师的 react 类(class),我们不得不修改 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 uninstall @babel/plugin-proposal-class-properties
然后禁用/删除 .babelrc 中的插件:
{
"presets": ["@babel/preset-react", "@babel/preset-env"]
//"plugins": ["@babel/plugin-proposal-class-properties"]
}
清除缓存:
npm run clear-build-cache
然后再次运行服务器。
关于javascript - 巴别塔 : duplicate plugin/preset error detected,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62583100/
已关闭。此问题需要 debugging details 。目前不接受答案。 编辑问题以包含 desired behavior, a specific problem or error, and the
我正在尝试使用 babel 转译器在项目中使用 ES6,但我正在努力解决一些非常不寻常的事情:我正在使用包含导入和导出指令的增强型 ES5 js 代码库。 这是一个例子: import Widget
如果我编写以下代码并通过 Babel (6.5.0) 转译它,它会正常工作。 function foo (first: string, second: number) { // code he
我在使用这个脚本构建时遇到了这个错误: webpack --colors --progress --watch --config --jsx-loader webpack.config.js 这是我的
假设我有以下代码,我想使用自定义 Babel 插件进行转换: let c; c = document; console.log(c.readyState); 目标是替换所有出现的 document.r
我正在做一个关于前端大师的 react 类(class),我们不得不修改 babel 配置以允许类组件中的状态实例化,例如:state = {index: 0},但是在运行时命令: npm insta
我目前正在尝试为我的 JavaScript 组件实现简单的测试,但在我的测试中收到错误:TypeError: undefined is not a function。 我的类(class)中的这一行出
当我尝试运行使用 babel 6 的服务器时,出现以下错误: 错误:/path/to/myapp/server.js:t.Identifier:传递的参数过多。收到3个但最多只能收到1个 这是我的 p
我的 Chrome 扩展项目使用来自 https://github.com/tfoxy/chrome-promise/blob/master/chrome-promise.js 的 Chrome-Pr
我在工作时正在处理一个 JS 文件,我安装了 babel,运行 babel file.js |节点晚上把文件发回家上类,在家安装了babel,运行上面的命令出现如下错误: The CLI has be
我正在尝试动态替换“导入”语句。 这是一个检查导入是否以加号结尾的示例。 module.exports = function(babel) { return { visitor
我有一个正在运行的 webpack-dev-server 可以编译和提供一些 Babel/React 代码。我已经尽可能让它通过 localhost:3001 为编译后的 client.js 提供服务
我正在尝试运行测试,但收到此错误: /dev/tests/counters.spec.js:12 describe('Work damn you!', function () { ^ Referenc
我正在尝试使用 babel 来运行我的 NodeJS 程序,其中包括 ES6 语法和从 Colyseus 库导出的内容。但是,当我运行命令时: babel-node server.js 出现以下错误信
我的 gruntfile.js 中有这个简单的代码: module.exports = function (grunt) { require("load-grunt-tasks")(grunt);
通过gulp-babel为服务器进行转换,并通过browserify为客户端使用babelify进行转换 - 在我的代码中使用async和await。这些功能似乎转变得很好,但是......错误:找不
我正在尝试创建一个基于另一个名为“sidebar-v2”(https://github.com/Turbo87/sidebar-v2)的简单 npm 包 出于这个原因,我尝试将 JS 代码更新为 ES
我正在正确导入一个 Node 模块,但遇到一个问题,我正在导入的 Node 模块是用 es6 编写的,而 babel 无法转换它。 在基类头中: import foo from 'bar/lib/fo
设置 通天塔 6 (^6.0.0), Node 5.4.0,Express 4.13.x, babel-node 和 babel-register 都有警告,禁止在生产环境中使用babel.io 网站
Note: I found this question on Babel issue tracker (https://phabricator.babeljs.io/T2653) and it was
我是一名优秀的程序员,十分优秀!