在玩vuejs的时候出现如下错误，说没有vue-style-loader

Question

现象如下图：

但是确认已经安装好了

有遇到类似的情况的还请解答

以下是header.vue的代码

<template>
  <div class="header">
    我是个header
  </div>
</template>
<script type="text/ecmascript-6">
  export default{

  }
</script>
<style lang="stylus">

</style>

Answer 1

webpack配置错了，铁定的。

Answer 2

看不出来是什么问题，不过安装时的选项是 --save-dev，中间不要加空格

能贴代码别贴图啊，即使是错误代码，也不要贴图，根本看不清楚

另外，把 header.vue 文件贴出来看一下

检查一下有没有安装 stylus、stylus-loader 开发依赖，如果没有，请使用如下命令安装：

npm install stylus-loader stylus --save-dev

Answer 3

你是不是在webpack.config里面的vue的loader里面没有加上这两个loader，加上这两个loader应该就好了，我也遇到过类似的问题。

Answer 4

配置错了，看看loader，安装的时候应该是--save-dev

Answer 5

你用了 stylus，就要要装 stylus 相关的插件。

Answer 6

我也出过这样的问题，原因是scss没有经过配置，就使用了，解决方式为
在文件目录中执行npm install node-sass sass-loader --save
在webpack.base.config.js 中添加规则

{
    test: /\.scss$/,
    use: [{
        loader: "style-loader"
    }, {
        loader: "css-loader", options: {
            sourceMap: true
        }
    }, {
        loader: "sass-loader", options: {
            sourceMap: true
        }
    }]
}