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

Question

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

这是我的文件夹结构。我尝试在索引中导入.js在创建豁免文件夹中(第二个突出显示(。

我试图检查我的 webpack 配置，但允许 js 扩展名(复制的配置文件(。

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

Answer 1

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

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

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

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

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

Answer 2

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

此别名：

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

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