未找到 Webpack 别名模块

Posted

技术标签:

【中文标题】未找到 Webpack 别名模块【英文标题】:Webpack Alias Module not found 【发布时间】:2017-07-25 07:06:16 【问题描述】:

webpack.config.js

root: __dirname,
alias:
    Core: 'app/components/Core.jsx'
,

关于正在使用的文件。

var Core = require('Core');

我的文件结构是。

-根

--应用程序

--- 组件

尝试了不同的解决方案,例如将 root 更改为 path.resolve(__dirname) 以及删除 root 并将绝对路径添加到别名,但仍然找不到模块。

【问题讨论】:

【参考方案1】:

alias 属性必须在 resolve 属性内。因此,您的 webpack 配置应如下所示:

resolve: 
   alias:
      Core: 'app/components/Core.jsx'
   

此外,您可以使用path.resolve 的绝对路径来遵循最佳做法。

【讨论】:

以上是关于未找到 Webpack 别名模块的主要内容,如果未能解决你的问题,请参考以下文章

未找到入口模块中的错误 - 在 Webpack 配置文件中

未找到模块:错误:无法使用 Webpack 解析“fs”

Webpack + React + TypeScript:未找到模块 ... in ... node_modules/react/

Webpack:./src/index.tsx 中的错误模块未找到:错误:无法解析“...”中的“./App”

未找到模块:错误:无法在 webpack.common.js 中解析

使用 ts-jest 和 webpack 允许 Jest 识别和解析模块别名需要啥?