我的webpack配置编译得很好,但是当我尝试使用热模块替换编辑我的CSS(手写笔)文件时,它会崩溃并出现此错误:

错误在./node_modules/css-loader!./node_modules/stylus-loader!./src/pages/login/login.styl模块构建失败:错误:ENOENT:没有这样的文件或目录,打开'/ vagrant / client /src/pages/login/login.styl'at Error(本机)

我注意到错误消息中的路径 ./src/pages/login/login.styl 并尝试将当前工作目录添加到webpack配置中的模块路径:

resolve: {
    modules: [
        path.resolve('./'),   // <- THIS
        path.resolve('./src'),
        path.resolve('./node_modules')
    ],
    extensions: ['.js', '.coffee']
},

现在它工作正常 . 我真的不想将整个项目文件夹添加为一个模块,我宁愿HMR也不是很奇怪 .

这是HMR的预期行为吗?


我怀疑 style-loader 可能实际上是罪魁祸首,因为我不是't see it in the loader chain in the error message. Here'的 .styl 文件的加载程序配置:

{
    test: new RegExp('\.styl$'),
    loader: ['style-loader', 'css-loader', 'stylus-loader']
},

也许这是一个错误?