Module parse failed: Unexpected token

clipboard.png

问题描述

运行 npm run dev 时候所有组件中的css编译错误

问题出现的环境背景及自己尝试过哪些方法

"vue-loader": "^15.4.2",
进入packeg.json查看,安装了最新版本vue-loader 15.2.0(最新的vue-loader 15+以上,要求使用vueloaderplugin,需要变更webpack配置文件)

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

补充出错原因
vue-loader@15.*之后 必须配置带有VueLoaderPlugin 之外,还需另外单独配置css-loader。
如果是用最新webpack原生构建,除了安装webpack外,还要安装webpck-cli,在webpack.config中配置mode选项
为保持构建环境一致,请采用npm run dev脚本编译的形式,以确保使用的webpack命令,vue-loader是本地版本。

阅读 6.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题