解决 Sass 报错 Can't find stylesheet to import

使用 Vue 进行 npm run test:unit 跑单元测试时，遇到了 Sass 报错，如下图。

解决方法：

1. 下载 null-loader

npm i null-loader --save

2.在根目录创建文件 vue.config.js

module.exports = {
  chainWebpack: (config) => {
    if (process.env.NODE_ENV === 'test') {
      const scssRule = config.module.rule('scss');
      scssRule.uses.clear();
      scssRule
        .use('null-loader')
        .loader('null-loader');
    }
  },
}

以上两个步骤解决了问题。

需要注意的是：
本人一开始使用的 sass-loader 版本是8，后面发现难以解决问题，就把版本降到了7.1.0。以下操作是修改 sass-loader 的版本。

npm uninstall --save-dev sass-loader
npm install --save-dev sass-loader@7.1.0

如有更好的方法，欢迎留言。
可参考 github.com/vuejs/vue-c…