最近开始学习mpvue,原以为有着vue的基础应该会比较顺利,没想到搭建脚手架就用了一番力气。。。
首先按照正常的程序搭建脚手架:
vue init mpvue/mpvue-quickstart project-name
cd进目录并安装依赖
npm install
安装scss依赖
npmi -D sass-loader node-sass
使用时 在style标签中添加 lang="scss":
<style lang="scss" scoped>
.test{
color: red
}
</style>
但此时运行npm run dev时发生错误:
因为这个错误我怀疑了很多依赖的存在及其版本问题,最终定位在了sass-loader上,原因在于sass-loader版本过高会导致编译错误。解决此问题,首先需要卸载此依赖
npm uninstall sass-loader
然后安装较低版本,我使用的版本为:
npm install sass-loader@7.3.1 --save-dev
安装完成后重新运行npm run dev会发现错误已经消失,又可以愉快地玩耍了~