Javascript 从节点_模块导入react中的自定义组件

我正在尝试开发一个可以在不同应用程序之间共享的react组件。我们的想法是，任何应用程序都可以插入组件，传递一些道具，并在任何地方都可以获得相同的功能。因此，应用程序可以将我的组件作为依赖项添加到package.json中，这将在node_模块中下载。基本上是这样做的

从“/Components”导入testComponent

对此

从“我的自定义组件”导入testComponent

我尝试了
npm安装[githun-url-link]
，似乎效果不错。但在启动应用程序后，我发现错误：

Failed to Compile
./node_modules/.../src/components/testComponent.js
SyntaxError: /Users/mzq/Workspace/.../testing/node_modules/.../src/components/testComponent.js: Support for the experimental syntax 'classProperties' isn't currently enabled (7:9):

   5 | 
   6 | class testComponent extends Component {
>  7 |   state = {
     |         ^
   8 |     currentPageIndex: 0,
   9 |     currentPageLabel: this.props.currentPageLabel,
  10 |     page: this.props.pages[0],

Add @babel/plugin-proposal-class-properties (https://git.io/vb4SL) to the 'plugins' section of your Babel config to enable transformation.

我在谷歌搜索了一段时间后尝试的一个解决方案是

1） 
swean add@babel/plugin提案类属性——dev

2） 使用以下配置在根文件夹中创建
babel.config.js

module.exports = {
    presets: [
        '@babel/preset-env',
        '@babel/preset-react',
        '@babel/preset-typescript'
    ],
    plugins: [
        '@babel/plugin-proposal-class-properties'
    ]
};

毫无用处。
您是否添加了构建步骤，以便在babel发布并被其他应用程序使用之前，您的代码会被babel传输？