vue中使用stylus报错问题

Posted 香米发霉了

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中使用stylus报错问题相关的知识,希望对你有一定的参考价值。

已安装stylus-loader、css-loader、style-loader
webpack已配置:

{test:/\\.css$/,loader:\'style-loader!css-loader!stylus-loader\'}

.vue文件使用

<style lang="stylus">
.container
width:1100px
margin:0 auto
</style>

 

编译报错:
This dependency was not found:

* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-rewriter?{"id":"data-v-6c96342b","scoped":false,"hasInlineConfig":false}!stylus-loader?{"sourceMap":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./navs.vue in ./src/components/navs.vue

To install it, you can run: npm install --save !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-rewriter?{"id":"data-v-6c96342b","scoped":false,"hasInlineConfig":false}!stylus-loader?{"sourceMap":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./navs.vue

应该是package.json缺了几个依赖, 不能解析lang="stylus" rel="stylesheet/stylus",我在终端中重新输入npm install stylus-loader css-loader style-loader --save-dev 之后好了!

以上是关于vue中使用stylus报错问题的主要内容,如果未能解决你的问题,请参考以下文章

vue报错处理

vue 运行报错

vue使用stylus

vue-cli中使用stylus

在vue 中使用Stylus

在vue 中使用Stylus