---
# System prepended metadata

title: 【常見問題】Vue cli相關
tags: [前端前台專案功能]

---

---
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()"
```