为什么我收到 Webpack 'module not found' 错误？答案

【问题标题】：Why am I getting Webpack 'module not found' error?为什么我收到 Webpack 'module not found' 错误？
【发布时间】：2022-01-10 21:04:15
【问题描述】：

我正在重构具有有效 webpack 捆绑的项目。基本上，我正在尝试更改项目的根源文件夹，但我遇到了问题。我已经调试了很长时间，但我看不到我缺少什么。

在我的 tsconfig.json 文件中，我有以下设置

    "baseUrl": "./",
    "paths": {
        "src/*": [
            "src/*"
        ],
        "test/*": [
            "test/*"
        ]
    }

在 webpack.common.js 文件中，我有以下内容

const includePaths = ['node_modules', 'src'];
resolve: {
    extensions: ['.ts', '.tsx', '.js', '.jsx'],
    modules: includePaths,
},

我的源文件夹位于项目的根目录中。基本上我应该可以联系到./src

这就是我捆绑的方式：

rm -rf ./build && webpack --config webpack.dev.js

webpack.dev.js

merge(common, config, {
    entry: {
        main: [
            `${__dirname}/src/environment`,
            'webpack-hot-middleware/client?path=__webpack_hmr&dynamicPublicPath=true',
            `${__dirname}/src/main`,
        ],
    },

当我在监视模式下运行捆绑程序时，我看到如下内容：

These dependencies were not found:
src/<somefolder>/<somefile> in ./src/<somefolder>/<somefile.tsx>

Module not found: Error: Can't resolve ...

奇怪的是，当 src 文件夹在另一个文件夹下时，例如。前端/src，它捆绑起来没有问题。我怀疑 tsconfig 中有问题，但我无法弄清楚。有人可以帮忙吗？

【问题讨论】：

标签： javascript typescript webpack webpack-4 tsconfig

【解决方案1】：

像这样添加别名是可行的，但我真的不明白没有别名的旧版本是如何工作的。

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

【讨论】：