解析CSS网址时出现Webpack错误

Question

当我在scss文件中使用URL并在Vue组件中使用该文件（带有@import）时，我收到以下错误：

错误：找不到模块“../ images / icons / home_grey.svg”

（该路径是相对于我的scss源文件的路径）。如何停止接收该错误？我的webpack.mix.js文件目前包含以下行：

mix.setResourceRoot（ '/根/'）; mix.copyDirectory（'resources / assets / images'，'public / images'）;

Answer 1

也许这是因为如果你使用css-loader，你需要提供查询参数模块＆＃39;是的。这将允许加载程序加载模块。

对于css-loader选项，

类似这样的东西，

                    options: {
                        modules: true,
                       }