使用自定义npm软件包进行模块解析失败

Question

我是React的新手，也是npm模块发布的新手，万事都有起点！

我已经创建了一个反应模块。

我创建了一个React应用（使用create-react-app），并且直接导入了该模块（而不是通过npm install）。 在这种情况下，我没有任何错误。该应用正在编译，没有问题。

但是，当我试图通过从npm导入模块来使用我的模块时（在发布后），它会失败。

要解决此问题，我创建了另一个React应用程序（始终使用create-react-app），然后使用npm i --save my-module-name安装了软件包。

我通常是使用import { SomeComponent } from 'my-module-name'而不是直接导入来导入它。

我得到了以下错误

Module parse failed: Unexpected token (59:37)
You may need an appropriate loader to handle this file type.
|     }
|
|     generateRecoverActionsContainers = () => {
|

经过一些搜索，它似乎来自Webpack配置。但是，在搜索过程中，我看到人们要求不要触摸React Webpack的默认配置。

从那里，我对如何解决这个问题以及在为什么直接导入模块时进行编译而不是从node_modules导入时进行编译的原因感到迷茫……我应该在我的网站上配置webpack吗？ npm模块？

在此先感谢您的宝贵帮助！

Answer 1

在npm上发布模块时，应该发布编译后的代码。 Webpack无法编译node_modules