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

现象如下图:
clipboard.png

但是确认已经安装好了

clipboard.png

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

以下是header.vue的代码

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

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

</style>
阅读 5.1k
6 个回答

webpack配置错了,铁定的。

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

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

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

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

npm install stylus-loader stylus --save-dev

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

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

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

我也出过这样的问题,原因是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
        }
    }]
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题