vuejs中引入css报错的解决办法：1、填写解析的依赖；2、在main.js中引入外部css文件；3、在APP.Vue里面引入外部css文件。
本文操作环境：windows7系统、vue2.5.17版，DELL G3电脑。
如何解决vuejs中引入css报错问题？VueJS引入css或者less文件的一些坑
我们在做Vue+webpack的时，难免会引入各种公共css样式文件，那么我们改如何引入呢？引入时会有那些坑呢？
首先，引入公共样式时，我们在“main.js”里使用AMD的方式引入,即
require('./assets/stylus/index.styl');或者：import './assets/stylus/index.styl'
登录后复制
这时，我们会抛出一个错误，是因为我们没有写解析的依赖，webpack不知道怎么解析
立即学习“前端免费学习笔记（深入）”；
这时，我们要填写上依赖，
import ‘!style-loader!css-loader!stylus-loader!./assets/stylus/index.styl’
就万事大吉了，也可以开始引入css文件了
当然，在进行上面的步骤之前，需要先安装一下几个loader==>>
npm install style-loader --save-devnpm install css-loader --save-devnpm install stylus-loader --save-dev
登录后复制
同时在webpack.base.config.js ====>>>
这时你就可以引入css文件了；
另外附上几个示意图：
1===》在main.js中引入外部css文件：
2===》在APP.Vue里面引入外部css文件：
相关推荐：《vue.js教程》《vue.js教程》
以上就是如何解决vuejs中引入css报错问题的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3144639.html
