vue-cli构建的项目,引用node_modules里面的css文件报错

问题描述:

一开始项目可以正常跑的,在main.js中引入一个vueg的css样式后就报了下面这个错误

image.png

下面这个图是我main.js中的代码,加入红框部分代码就报错了

image.png

问题解决办法

搜索了很多,终于找到一个和我遇到同样问题的文章,于是就解决了
文章地址http://blog.csdn.net/jian_xi/article/details/61191687

<b>出错原因</b>是没有在webpack.base.conf.js里面虽然配置了css相关loader,但是没有配置include项,下面是配置前后的图片。

配置前
配置后

就这样配置后,记得重新(npm run dev)启动一下服务就ok了!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,227评论 7 35
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,710评论 7 110
  • 最近在学习 Webpack,网上大多数入门教程都是基于 Webpack 1.x 版本的,我学习 Webpack 的...
    My_Oh_My阅读 8,204评论 40 247
  • 1. 新建一个文件夹,命名为 webpack-cli , webpack-cli 就是你的项目名,项目名建议使用小...
    鲁大师666阅读 1,501评论 1 3
  • 八雅之《棋》布局谋篇简棋子,不见刀枪有战争。起落无悔潇洒性,输蠃知会友谊深。长风破浪棋格局,直挂云帆美人生。只手之...
    万里千年阅读 157评论 1 0