解决vue-cli中stylus无法使用的问题方法

 更新时间:2017年06月19日 16:36:16   作者:xqnode  
这篇文章主要介绍了解决vue-cli中stylus无法使用的问题方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

在写基于vue-cli的vue项目时,遇到一个小坑,css用了stylus,但是在编译时候总是报错:

这里写图片描述

来来回回折腾了数十次,终于被我折腾好了。。。解决方式如下:

1、在package.json文件中写入依赖:

 "stylus-loader": "^2.5.0",
 "stylus": "0.52.4",

然后在命令行运行cmpm i 安装插件。

或者直接运行:

$ cnpm i stylus-loader stylus --save

之后,就是享受成功的喜悦的时候了:

运行

$ npm run dev

这里写图片描述

在此庆祝下!原来我只是安装了stylus-loader,却没有安装stylus,所以问题一直没有解决,现在终于好了。^_^

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Vue:Bin Code Editor格式化JSON编辑器详解

    Vue:Bin Code Editor格式化JSON编辑器详解

    文章介绍了BinCodeEditor组件的安装、注册、使用方法以及注意事项,组件可以通过npm或yarn安装,支持全局或局部注册,使用时,可以通过value属性绑定JavaScript值,或使用v-model,组件事件与方法包括编辑区显示问题的解决
    2024-12-12
  • vue项目 npm run build 打包项目防止浏览器缓存的操作方法

    vue项目 npm run build 打包项目防止浏览器缓存的操作方法

    这篇文章主要介绍了vue项目 npm run build 打包项目防止浏览器缓存的操作方法,本文给大家推荐两种方法,每种方法通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • Vue 实现分页与输入框关键字筛选功能

    Vue 实现分页与输入框关键字筛选功能

    这篇文章主要介绍了Vue 实现分页+输入框关键字筛选功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01
  • vue3中传递路径参数的限制

    vue3中传递路径参数的限制

    在 Vue 3 里使用路由跳转到用户页并传递路径参数时,存在一些限制和需要注意的方面,下面给大家分享vue3中传递路径参数有什么限制,感兴趣的朋友一起看看吧
    2025-03-03
  • 使用vue3.2实现多页签导航

    使用vue3.2实现多页签导航

    这篇文章主要为大家详细介绍了如何使用vue3.2 + elementPlus + pinia 实现多页签导航,文中的示例代码讲解详细,有需要的小伙伴可以参考一下
    2023-12-12
  • webpack+vue.js构建前端工程化的详细教程

    webpack+vue.js构建前端工程化的详细教程

    这篇文章主要介绍了webpack+vue.js构建前端工程化的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-05-05
  • vue监听滚动条页面滚动动画示例代码

    vue监听滚动条页面滚动动画示例代码

    Vue是一套用于构建用户界面的渐进式框架,与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用,下面这篇文章主要给大家介绍了关于vue监听滚动条页面滚动动画的相关资料,需要的朋友可以参考下
    2023-06-06
  • Vue表单校验validate和validateField的使用及区别详解

    Vue表单校验validate和validateField的使用及区别详解

    validateField 和 validate 都可以用于表单验证,但是它们的作用有所不同,下面这篇文章主要给大家介绍了关于Vue表单校验validate和validateField的使用及区别的相关资料,需要的朋友可以参考下
    2024-04-04
  • vue部署到线上为啥会出现404的原因分析及解决

    vue部署到线上为啥会出现404的原因分析及解决

    这篇文章主要介绍了vue部署到线上为啥会出现404的原因分析及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2025-04-04
  • Vue3用Proxy替代defineProperty的原因

    Vue3用Proxy替代defineProperty的原因

    vue的人都知道,vue3里面使用了proxy替换了defineProperty,本文主要介绍了Vue3用Proxy替代defineProperty的原因,具有一定的参考价值,感兴趣的可以了解一下
    2023-12-12

最新评论