时间;日期

• 对于提问者：将此添加到您的webpack.config.js：

resolve: {
  alias: {
    core: path.join(__dirname, 'core'),
  },
},

• 对于一般受众：确保您尝试导入的内容确实存在于该包中。

解释

怀疑者的问题：导入自己的代码，如npm模块

您尝试以从node_modules文件夹中的npm包导入内容的相同方式导入模块的导出：import { something } from 'packagename';。这个问题是不能开箱即用。Node.js文档给出了原因的答案：
如果没有前导"/"、."/"或.."/"来指示文件，则模块必须是核心模块或从node_modules文件夹加载。
因此，您要么必须按照Waldo Jeffers和Spain Train的建议编写import { smartForm } from './core'，要么可以配置webpack，使其能够通过别名解析您的导入路径，创建别名是为了解决这个确切的问题。

调试一般错误消息

如果您尝试从现有的npm包导入某些内容，则可能会出现此错误（在node_modules中）但是导入的东西不存在于导出中。在这种情况下，确保没有输入错误并且您尝试导入的给定东西确实在那个包中。现在流行将库分解为多个npm包，* * 您可能尝试从错误的软件包导入**。
如果你得到这样的结果：

TypeError: __webpack_require__.i(...) is not a function  
   at /home/user/code/test/index.js:165080:81  
   at Layer.handle [as handle_request] (/home/user/code/test/index.js:49645:5)

要获得更多关于您应该检查什么导入的信息，只需打开webpack生成的输出文件，然后转到错误堆栈中最顶端的行（本例中为165080）。这告诉我们在react-router-dom中没有match导出（或者有，但不是函数），因此我们需要检查导入周围的内容。

由于core是应用的文件夹，而不是npm模块，Webpack无法理解您要加载的文件。您必须使用指向文件的正确路径。您必须将import { smartForm } from 'core';替换为import { smartForm } from './core/index.js

这个错误会发生的原因有很多。一旦我遇到这个错误，当我添加js在file-loader，然后当我删除它开始正常工作。

{
     test: /\.(ttf|eot|svg|gif|jpg|png|js)(\?[\s\S]+)?$/,
     use: 'file-loader'
 },

当我删除|js时，它可以正常工作

{
     test: /\.(ttf|eot|svg|gif|jpg|png)(\?[\s\S]+)?$/,
     use: 'file-loader'
 },

只需从配置const context = resolve.alias.context('./', true, /\.spec\.ts$/); context.keys().map(context);中删除这2行