Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 您可能需要一个额外的加载程序_Javascript_Reactjs_Webpack_Babeljs_Es6 Module Loader - Fatal编程技术网

Javascript 您可能需要一个额外的加载程序

Javascript 您可能需要一个额外的加载程序,javascript,reactjs,webpack,babeljs,es6-module-loader,Javascript,Reactjs,Webpack,Babeljs,Es6 Module Loader,我们正在开发以下模块js(仅限javascript),它允许生成随机颜色。 链接: 当我们尝试在上的示例上安装模块时,没有问题 但是,当我们在本地项目上安装模块时,会出现以下错误: /node\u模块/随机颜色调色板/randomColors.js 141:39 模块分析失败:意外令牌(141:39) 已使用以下加载程序处理文件: *./node_modules/react scripts/node_modules/babel loader/lib/index.js 您可能需要额外的加载器来处理

我们正在开发以下模块js(仅限javascript),它允许生成随机颜色。 链接:

当我们尝试在上的示例上安装模块时,没有问题

但是,当我们在本地项目上安装模块时,会出现以下错误:

/node\u模块/随机颜色调色板/randomColors.js 141:39
模块分析失败:意外令牌(141:39)
已使用以下加载程序处理文件:
*./node_modules/react scripts/node_modules/babel loader/lib/index.js
您可能需要额外的加载器来处理这些加载器的结果。
|如果(!重复){
|删除cc[hueNumber].shades[shadeR[0]];
>if(Object.entries(cc[hueNumber]?.shades).length==0)cc.splice(hueNumber,1);
|     }
|
问题似乎是由于在所讨论的行中使用了
(可选的连接运算符)

我们如何解决这个问题,我是否需要在项目配置中添加一些其他文件以确保我没有这些问题

该模块不仅应用于reactjs,还应作为纯js代码的模块使用

你能帮我们一下吗?

你需要帮助

它包含在
ES2020
babel预设中

您的
.babelrc
应该

{
  "presets": ["es2020"]
}

如果您不使用预设,请手动将插件添加到babel配置中,因此我必须执行以下步骤:安装:
npm安装--保存dev@babel/plugin建议可选链接
,然后创建一个
.babelrc
文件,其中包含:
{“预设”:[“es2020”]}
我尝试安装了
@babel/plugin提案可选链接
和'babel-preset-es2020',但没有解决问题。您的项目是否有现有的构建设置?它需要源文件吗。并创建新文件?谈谈这个问题,可以在
package.json
->
“main”:“randomColors.js”
项目可以在以下链接找到:我试图创建
webpack.config.js、babel.config.js
文件,遵循一个指示此问题的指南,但没有任何东西不起作用。