MarxJiao / vue-karma-test

使用karma+webpack搭建的vue单元测试环境
45 stars 29 forks source link

假如在xx.vue文件中引入scss样式文件,然后在执行karma run的命令时,会报cannot find module ''xxx.scss #5

Closed rogueRabbit closed 7 years ago

rogueRabbit commented 7 years ago

image image image

MarxJiao commented 7 years ago

没有配置sass相关的loader,可以试试下面的方法。

npm install --save-dev node-sass sass-loader style-loader css-loader

在karma.config.js的webpack配置中配置sass-loader。

loaders: [
    {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel-loader'
    },
    {
        test: /\.vue$/,
        loader: 'vue-loader'
    },
    {
        test: /\.scss$/,
        loader: 'style-loader!css-loader!sass-loader'
    }
]

多提一句。不知道你为什么把样式文件单独写,可以直接在style里面直接写sass的。 <style lang="scss"></style> 如果你知道这个,并且有其它的考虑,请忽略上边这句。

rogueRabbit commented 7 years ago

按照你说办法了,解决了,非常感谢

rogueRabbit commented 7 years ago

不好意思,再次打扰下,现在因为loader导致的错误没有了;现在报这种错误,麻烦 在帮看下; vue文件: image image 控制台报错: image

MarxJiao commented 7 years ago

执行到这里时,这俩数据还不存在吧 image