Question

我正在构建NPM软件包。这是一个React组件。

它具有通过Jest进行的自动化测试，并且可以进行自动化测试。它使用JSX语法，因此我在根路径上创建了一个.babelrc，内容如下：

{
  "presets": ["@babel/preset-env", "@babel/preset-react"],
  "plugins": ["@babel/plugin-proposal-class-properties"]
}

当我尝试在其他地方（在应用程序项目中，通过安装然后导入）使用它时，它失败并显示以下消息：

ERROR in ./node_modules/pop-shared/src/MultiList.js 17:16
Module parse failed: Unexpected token (17:16)
You may need an appropriate loader to handle this file type.
|   };
|
>   onListClicked = () => {
|     this.onCollapseChange(!this.state.collapse);
|   };
@ ./node_modules/pop-shared/src/index.js 1:0-36 4:2-11
@ ./src/scenes/search/index.js
@ ./src/router.js
@ ./src/index.js
@ multi (webpack)-dev-server/client?http://localhost:8080 ./src/index.js

该错误与类属性符号有关。

我不明白为什么。我也使用其他模块（通过导入）使用了类属性。

为什么该特定模块发生故障？当我通过Jest运行自动化测试时，为什么它能起作用？

外部模块错误：“您可能需要适当的加载程序来处理此文件类型。”

0 个答案: