vue-cli中stylus报错无法使用的问题

最新推荐文章于 2022-05-17 11:08:50 发布
最新推荐文章于 2022-05-17 11:08:50 发布
阅读量2.3k 收藏 1
点赞数
分类专栏： 前端学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangwangwanglichao/article/details/80045326
版权

今天在写基于vue-cli的vue项目时，遇到一个问题，项目中安装了stylus-loader，但是在编译时候总是报错：
这里写图片描述

 经反(bai)复(du)查找后,发现问题所在:

原来只安装了stylus-loader，没有安装stylus，所以问题一直没有解决。1、在package.json文件中写入依赖：

解决方法:

 "stylus-loader": "^版本号",
 "stylus": "版本号",
  • 1
  • 2

然后在命令行运行cnpm i 安装插件。
或者直接运行：

$ cnpm i stylus-loader stylus -D
  • 1

成功排除报错

wangwangwanglichao
关注
专栏目录
vue脚手架中stylus安装和以及stylus安装后没报错但没作用
qq_43547800的博客
08-06 1104
在写这个vue项目，stylus这个不过深刻的给我上了一课什么叫：前端才是真正费时间的！！！还有真的要细心 我遇到的bug有： 1、安装stylus时：npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modulesvents): npm WARN notsup SKIPPING OPTIONAL DEP...
vue 引入stylus文件 报错问题
VEOL_的博客
03-30 4738
用vue写程序想要引入icon font styl 文件时候，发现有错误，之前也学过同样的课程但没有出现这个错误，纠结了一个晚上后，第二天起来解决了问题，现在把过程记下，希望能够帮助到遇到同样问题的兄弟们。首先我是在icon'moon 上下的svg 的css。以下传送门icomoon。强推一波这个网站，有好多svg图片，当然你也可以自己下载。粗略讲一下过程吧，懂的兄弟自动跳过这一part........
vue中解决 Cannot read property ‘stylus‘ of undefined 报错问题
程序员二胖
06-15 5552
安装stylus和stylus-loader版本如下 //版本如下 "stylus": "^0.54.8", "stylus-loader": "^3.0.1", 项目启动报错 TypeError: Cannot read property 'stylus' of undefined at Object.module.exports (F:\项目目录\node_modules\stylus-loader\index.js:29:37) 查看stylus-loader\index.js:29:37
vue 中使用 stylus 报错的解决（ Error： Cannot find module 'when'）
前端少年
03-29 6116
2018.03.29 # 这次本来准备做一个音乐的 web App ,vue文件中准备使用 stylus 样式。以为一切会很顺利，可是遇到报错（心中一万个草泥马）；解决了这个问题之后，瞬间心情大悦，太开心了。 做一次记录，然后续的小伙伴，少采坑。 1、报错展示： 报错 Error： Cannot find module ‘when’） 2、错误...
解决vue-cli中stylus无法使用的问题
程序员青戈
03-03 8753
stylus-loader stylus
解决vue-cli中stylus无法使用的问题方法
01-19
在写基于vue-cli的vue项目时，遇到一个小坑，css用了stylus，但是在编译时候总是报错： 来来回回折腾了数十次，终于被我折腾好了。。。解决方式如下： 1、在package.json文件中写入依赖： stylus-loader: ^...
详解vue中引入stylus及报错解决方法
08-29
Vue.js 是一个流行的前端框架，用于构建用户界面。在 Vue 项目中，有时我们需要使用预处理器来增强 CSS 的功能，比如 Stylus。...希望这些信息对你在 Vue 中使用 Stylus 提供了帮助，并祝你在开发过程中一切顺利！
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
10-14
补充知识点：在vue-cli3构建的项目中，可能会遇到在Vue组件中引入文件时报错的问题。例如，引入Stylus文件时，可能会报找不到模块等错误。解决这类问题的一个方法是在文件路径前增加`~`符号。这个`~`在webpack中代表...
vue-cli svg-sprite-loader
qq_40822000的博客
11-22 955
在vue-cli中使用svg-sprite-loader 新手上路，有什么不对的地方请不吝赐教 svg-sprite-loader是干啥的？ 当你有很多的svg图片的时候，你可以使用svg-sprite-loader来把图片打包成雪碧图（不是心飞扬哪个雪碧），然后使用时每个svg对应一个name标识。 svg-sprite-loader安装 npm install svg-sprite-loade...
vuecli项目部署服务器,五步带你完成vue-cli 项目打包一键部署（测试）服务
weixin_32512933的博客
08-05 1341
初始化vue项目, 测试服务已经准备(前提已经准备好了)注意: 一键部署 vue2.0~3.0 都可以使用1、在根目录 新建deploy 文件夹：.env.dev类容如下VUE_APP_SERVER_ID=0.env.prod类容如下VUE_APP_SERVER_ID=1index.js 文件类容如下：const scpClient = require('scp2');const ora = re...
vue使用stylus报错解决方法
u012317188的专栏
04-27 7408
在项目中的.vue文件中，如果想使用stylus即：如：<style lang="stylus" ><style> 常常会报错如下： 此时不仅仅需要npm install stylus-loader.还需要npm install stylus 。然后在packge.json文件中写入 此时，stylus文件就可用了，项目就可以正常运行了。
Vue中使用stylus报错
csdn_zhoushengnan的博客
11-02 1844
如果你也和我一样,按照正常的流程下载并且配置了stylus,但是依旧报错,也许这篇博客就是你的菜~~~ 一、正常配置stylus流程 安装stylus、stylus-loader依赖(进入项目文件夹下)cnpm install stylus stylus-loader package.json文件配置(手动添加依赖)"devDependencies": { ... "stylus": "^0.54.8", "stylus-loader": "^3.0.2", ...
Vue2 vue-cli 中stylus 报错unexpected indent
进无止进
08-24 3998
用Vue-cli构建项目的时候，用stylus写样式，各种报错 unexpected indent 。浪费了两个小时的时间终于搞明白了问题。
使用stylus出错
wenjiusui8083的博客
03-06 1206
引入新   footer.styl 和global.styl文件出现如下错误：webpack配置：最后出错还是没有解决，换成css写法了．
vue中安装stylus报错
qq_46580571的博客
05-17 1561
npm ERR! Found: webpack@3.12.0 npm ERR! node_modules/webpack npm ERR! dev webpack@"^3.6.0" from the root project npm ERR! Could not resolve dependency: npm ERR! peer webpack@"^5.0.0" from stylus-loader@6.2.0 npm ERR! node_modules/stylus-loader npm ERR!
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
npm安装stylus错误解决方案
洒家
06-20 3300
最近需要使用stylus，在安装的过程中遇到些错误，这里做一个总结。 安装命令是 npm install stylus stylus-loader --save-dev 运行命令 一直提示 npm WARN ajv-keywords@2.1.1 requires a peer of ajv@^5.0.0 but none is installed. You must install peer ...
vue-cli3构建的项目中vue组件中引入stylus文件时报错解决办法
dknl48740的博客
09-11 797
报错表现 解决办法： 引入文件时路径前增加~ 例子： @import'~common/stylus/mixin.styl'; vue.config.js配置文件中alias的配置 chainWebpack: config => { config.resolve.alias .set('vue$', 'vu...
npm -g install vue-cli@2.6.10报错
最新发布
06-01
如果你使用 `npm -g install vue-cli@2.6.10` 命令安装 Vue CLI 2.6.10 报错了，可能是因为你的 npm 版本过低，或者你的权限不足。 首先，你可以尝试更新 npm 到最新版本。在命令行中输入以下命令即可： ``` npm install -g npm ``` 然后，你可以尝试使用管理员权限运行命令行。如果你是在 Windows 操作系统上运行命令，可以尝试在命令行前添加 `run as administrator` 来以管理员身份运行命令行。 如果以上方法都不行，你可以尝试使用 nvm（Node.js 版本管理器）来安装和管理 Vue CLI，具体教程可以在 nvm 的官方文档中找到。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值