Vue中使用stylus报错的解决
更新时间：2022年08月02日 08:56:51 作者：csdn_zhoushengnan
如果你也和我一样，按照正常的流程下载并且配置了stylus，但是依旧报错，也许这篇文章就是你的菜，一起来看看吧
一、正常配置stylus流程
1.安装stylus、stylus-loader依赖(进入项目文件夹下)
cnpm install stylus stylus-loader
2.package.json文件配置(手动添加依赖)
"devDependencies": {
...
"stylus": "^0.54.8",
"stylus-loader": "^3.0.2",
...
},
3.在build >webpack.base.conf.js中配置存放styl文件夹别名
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'src': resolve('src'),
'@': resolve('src'),
'common':resolve('src/common')
}
},
common :别名
'src/common' :存放styl文件夹
4我的stylus文件夹结构如下图所示：
5. 在main.js文件中引入index.styl文件
6. 执行npm run dev启动，报错
查遍了网上所有的解答无非就是上面几个步骤？那问题到底出在哪里了呢？
二、解决bug
查看stylus和stylus-loader的版本，均为当前最新版本
我卸载掉当前stylus和stylus-loader，重新安装了以前的版本
重新npm run dev，成功启动
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了vue实现图片裁剪后上传，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
vue-router 是一个插件，需要在 Vue 的全局引用中通过 Vue.use()将它引用到 Vue 实例当中。接下来通过本文给大家分享vue-router路由与页面间导航，需要的朋友参考下吧2017-11-11
本文给大家介绍Vue3中setup()函数中声明变量的几种方法,希望本文能够帮助你更好地理解Vue3的开发方式,感兴趣的朋友跟随小编一起看看吧2023-11-11
本文主要介绍了vue自动检测手机端响应式布局,可以通过结合 CSS 媒体查询、Vue 的动态数据绑定、适当的第三方库、PostCSS 插件以及正确的视口设置实现,感兴趣的可以了解一下2024-07-07
vue组件之间的通信方式有很多种,props/emit,event bus,vuex,provide/inject等,还有一种通信方式就是$attrs和$listeners,下面这篇文章主要给大家介绍了关于vue2.x中$attrs和$listeners的相关资料,需要的朋友可以参考下2022-03-03
Vue项目Element表格对应字段映射显示方法:formatter格式化数据问题
这篇文章主要介绍了Vue项目Element表格对应字段映射显示方法:formatter格式化数据问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-07-07
这篇文章主要介绍了Vue3中多个弹窗同时出现的解决思路,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-02-02
这篇文章主要介绍了vue项目持久化存储数据的实现代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-10-10
这篇文章主要介绍了vant遇到van-sidebar数据超出不能滑动的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了详解基于Vue/React项目的移动端适配方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
最新评论