--- tags: 前端前台專案功能 --- # 【常見問題】Vue cli相關 ## 1. 插入圖片無法編譯 this relative module was not found 參考：https://github.com/vuejs-templates/webpack/issues/1383 ``` // 解法 changed url to ~@/assets/ and worked ``` ## 2. 第３方套件import編譯問題 - import前加 "~" ```javascript= import "~normalize.css" ``` --- ## 3. Sass/scss無法編譯 ``` this.getResolve is not a function ``` [參考說明](https://blog.csdn.net/XUELUO123456789/article/details/100350412) - 解法: 降sass-loader版本 ``` 1.将package.json中的sass-loader的配置修改成低于8.0.0版本，我按照上述链接中的版本，修改成7.3.1 2.将安装的node_modules项目依赖删除，重新安装，将sass-loader版本变成7.3.1 3.重新运行项目 npm run dev 4.问题解决，并不会报错 ———————————————— 版权声明：本文为CSDN博主「XUELUO123456789」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/XUELUO123456789/java/article/details/100350412``` ``` ## 4. PUG 無法編譯 - pug ``` // vuecli 3 yarn add -D pug-plain-loader ``` ## 5. checkbox: $dirty is always false [參考](https://github.com/vuelidate/vuelidate/issues/127) ```javascript @change="$v.checky.$touch()" ```