无法在反应 webpack 应用程序中解析 './util' 倍增

Question

我尝试在我的应用程序中添加一些模块，当我尝试编译它时，它捕获了 such errors。顺便说一下，我只将模块导入 js 文件，甚至不使用它。

这里是my folder structure。我尝试在 createwaiver 文件夹中导入 index.js（第二个亮点）。

我试图检查我的 webpack 配置，但允许 js 扩展 (copied config file)。

Here 是我的 src/util 文件夹及其组件之一，它以异步方式呈现其他组件

Answer 1

在您的 resolve.alias 属性中，您有一个定义为 util: '${this.srcPathAbsolute}/util/' 的别名。这是导致错误的原因，因为在 import 或 require 语句在路径开头包含 util 的应用程序文件和 node_modules 目录中的任何位置，该路径将被重写错误地以 ./src/util/.

开头

此别名：

resolve: {
  alias: {
    util: `${this.srcPathAbsolute}/util/`
  }
}

需要重命名为其他名称以避免与许多包导入的 util 包冲突。因此，您还需要更改应用文件中以 util 开头的路径以匹配此更改。

Answer 2

我不是 100% 确定，但我相信你的问题是 util 你在 webpack 配置中的第 208 行的别名：

util: `${this.srcPathAbsolute}/util/`

这意味着所有导入 'util/....' 都将解析为 yourrootfolder/src/util，我不确定该文件夹中有什么，但我会先删除该行或将其重命名为：

waiverutil: `${this.srcPathAbsolute}/util/

或类似并检查您的代码并删除所有 'util/...' 导入到 waiverutil/.... 如果这没有帮助让我知道，也请尝试发布更多内容，例如您的导入和 /src/util 文件夹。

无法在反应 webpack 应用程序中解析 './util' 倍增

Can't resolve './util' multiply times in react webpack app

reactjs

npm

webpack

node-modules

yarnpkg