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

最新推荐文章于 2022-03-05 19:50:04 发布
最新推荐文章于 2022-03-05 19:50:04 发布
阅读量905 收藏
点赞数
分类专栏： vue学习 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014077467/article/details/76981233
版权

1、安装依赖 （上接安装脚手架那块）

cnpm install

2、通过指令全局安装stylus

npm install stylus -g

3、在package.json文件中写入依赖：

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

这里写图片描述

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

cnpm install stylus-loader

这里写图片描述

liyan882
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决vue-cli中stylus无法使用的问题方法
01-19
在写基于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，却没有安
Vue中全局引入stylus文件不生效的问题
热爱思考、活力满满、开朗爱笑的年轻人
12-18 1611
Vue中使用stylus全局引入不生效的问题参考 什么意思？ 比如说，我们在 App.vue 里面： <style lang="stylus"> @import "./style/min.styl" </style> min.styl 里面定义了两个变量，我们想象的是，在所有的 .vue 文件中都可以使用 min.styl 中的变量。 但现实的情况是：并没有生效。 难受啊≧ ﹏ ≦ 参考 https://github.com/vuejs/vue-cli/issues/441 htt
Vue中使用stylus全局引入不生效的问题
lucky__peng的博客
03-05 1092
Vue中使用stylus全局引入不生效的问题 问题描述解决方案一解决方案二解决方案三 问题描述 比如说， 一、我们在 App.vue 里面： <style lang="stylus"> @import "./style/main.styl" </style> main.styl 里面定...
RETAS STUDIO 6.5.8 简体汉化版说明
09-19
RETAS STUDIO 6.5.8 简体汉化版，动画上色paintMan 是高效率，功能强大的上色工具 PaintMan 用于为描线后的铅笔动画稿上色，或直接通过数字手写板绘制动画，而不通过铅笔稿和扫描。线条和颜色保存在不同的层里，这样在上色时可以保护轮廓线。 你可以从多达1千6百万种颜色中选取颜色制作你自己的颜色表。或使用颜色模块，进行高速上色，自动修补断线，颜色替换和轮廓线颜色改变功能。拥有世界第一的自动喷笔工具
VUE项目引入公共样式的styl文件
想搞全栈的前端
03-27 2683
在一个vue项目中引用了styl格式的css，在vue文件中还可以正常引用，只需要在 <style scoped lang="stylus" rel="stylesheet/stylus"> 中添加 lang="stylus"即可 但是在main.js中引入公共样式的时候，出了问题一直出不来，多方查照找到解决办法 步骤一： 安装stylus stylus-loader style-lo...
vue-cli-plugin-stylus-resources-loader
05-15
vue add stylus-resources-loader 设定档 在pluginOptions中的pluginOptions下定义资源。 例子 const path = require ( 'path' ) module . exports = { pluginOptions : { 'stylus-resources-loader' : { '...
vue-cli3.0使用及部分配置详解
12-02
以下是关于 Vue CLI 3.0 使用和配置的一些关键知识点： 1. **全局安装 Vue CLI 3.0**： 首先，你需要全局安装 Vue CLI 3.0。在终端中输入以下命令： ``` npm install -g @vue/cli ``` 然后通过 `vue -V` 或 `...
详解vue-cli 2.0配置文件(小结)
10-17
例如，在上面的示例中，我们可以看到项目依赖了 Vue 2.4.2、Less 2.7.2、Stylus 0.54.5 等 packages。 scripts Scripts 是项目的脚本，包括开发、生产和构建等脚本。在 Vue-cli 2.0 中，scripts 是非常重要的，...
vue-cli中stylus报错无法使用的问题
wangwangwanglichao的博客
04-23 2339
今天在写基于vue-cli的vue项目时，遇到一个问题，项目中安装了stylus-loader，但是在编译时候总是报错：  经反(bai)复(du)查找后,发现问题所在:原来只安装了stylus-loader，没有安装stylus，所以问题一直没有解决。1、在pa...
vue脚手架中stylus安装和以及stylus安装后没报错但没作用
qq_43547800的博客
08-06 1089
在写这个vue项目，stylus这个不过深刻的给我上了一课什么叫：前端才是真正费时间的！！！还有真的要细心 我遇到的bug有： 1、安装stylus时：npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modulesvents): npm WARN notsup SKIPPING OPTIONAL DEP...
vue cli3 配置 stylus全局变量使用
天下大师傅
06-20 2319
首先在common.styl文件中写一些常用的css变量，方便全局使用，避免重复代码。 预想的是在main.js中引入common.styl文件，然后所有的.vue文件就都可以使用了。但是事与愿违，根本不起作用。 网络上有很多教程，但是都不起作用（找答案是个痛苦且漫长的过程），下面是总结的代码，基本开箱即用，希望能帮助到需要帮助的人。 // vue.config.js module.exports = { // 配置使用stylus全局变量 chainWebpack: config =&
vue使用stylus报错解决方法
u012317188的专栏
04-27 7385
在项目中的.vue文件中，如果想使用stylus即：如：<style lang="stylus" ><style> 常常会报错如下： 此时不仅仅需要npm install stylus-loader.还需要npm install stylus 。然后在packge.json文件中写入 此时，stylus文件就可用了，项目就可以正常运行了。
Vue项目，在style中加入lang=“stylus“报错，解决
qq_44459937的博客
10-24 3764
今天刚创建的vue项目，stylus和stylus-loader安装的也是最新版本。结果一运行就报这个错
Vue项目构建时的一些bug(填坑填坑)
rememberyf的博客
12-03 2978
今天我们来说一下在刚刚写项目的时候遇到的一些问题，可能不注意的话就要花一些时间去找bug。 Module build failed: Error: F:\music-player\src\components\m-header\m-header.vue:12:9 来看报错显示： ./node_modules/css-loader?{"sourceMap":true}!./node_mo...
关于vuecli3脚手架安装stylus无法编译问题
weixin_44234495的博客
11-02 544
关于vuecli3脚手架安装stylus无法编译问题 最新版本的安装npm会默认最新版本 我之前学习报错信息 做一款外卖软件,跟着视频一样 没有出现一点差错,就找了网上很多资料,大多数人是说安装了stylus,loader没有安装,但是我确定我是安装了的 解决办法 这个问题解决我的解决方法是从新用脚手架创建项目,然后在配置里面选择使用stylus就好了 这个事情真的弄了我超级多时间,所以希望新手碰到和我一样的问题可以有所帮助,不要浪费时间 ...
Vue.js仿饿了么项目脱坑之stylus预处理器问题
chenmou4210的博客
10-15 222
在使用IDEA开发Vue.js仿饿了么实战项目的过程中，我遇到了一个关于stylus预处理器的问题，通过上网查找我了解到许多关于这方面的知识，现在就由我为大家讲解我对预处理器的认识和开发仿饿了么项目遇到的stylus预处理器问题。 CSS的预处理器是用来为 CSS 增加一些编程的的特性，无需...
vue.js通过cli脚手架安装stylus遇到的坑
热门推荐
求知若渴，虚心若愚，努力前行，未来可期。
05-22 1万+
在上一篇文章中stylus入门中已经介绍了如何安装stylus,但是在vue.js开发中遇到了以下一个问题： 1.通过指令全局安装stylus$ npm install stylus -g虽然全局安装了，但是在vue.js中并没有起到作用; 2.在vue.js的文件中创建了后缀名为.styl的stylus的文件，但是在编译的时候总是会报错错误信息： stylus-loader@2.5.1 req
vue-cli2项目开发文档
最新发布
05-31
8. API接口：介绍如何在项目中使用API接口，包括axios的使用、接口的定义和调用等。 9. 样式管理：介绍如何管理项目的样式，包括使用scss、less、stylus等预处理器，以及样式的编写规范。 10. 打包和部署：介绍...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值