Vue Error / warning

若您有遇到其它相关问题，非常欢迎在评论中留言，我和其他读者小伙伴们将帮助解决并持续更新至此文，达到帮助更多人的目的。若感本文对您有所帮助请点个赞吧！

---

Module build failed: Error: Cannot find module 'node-sass

cnpm install node-sass --save

---

[vue/valid-v-for] Custom elements in iteration require ‘v-bind:key’ directives.

File - Preferences - Settings - 输入（vetur.validation.template），取消勾选，然后重启VSCode

---

Error: Cannot find module ‘node-sass’

npm install -g cnpm --registry=https://registry.npm.taobao.org（若已安装则省略此步骤）

 cnpm install node-sass@latest

---

重建 node_modules

npm install

---

Error: listen EADDRINUSE: address already in use :::8080

netstat -o -n -a | findstr :8080

taskkill /F /PID xxxx

---

Module build failed: Error: Cannot find module ‘node-sass’

cnpm install node-sass --save

---

warning：(Emitted value instead of an instance of Error) the “scope” attribute for scoped slots have been deprecated and replaced by “slot-scope” since 2.5. The new “slot-scope” attribute can also be used on plain elements in addition to to denote scoped slots.

提示下方会给出有此问题的 .vue 文件列表

将 <template scope 替换为 <template slot-scope

---

‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序或批处理文件。

npm install

cnpm install

---

[Vue warn]: Invalid prop: type check failed for prop “width”. xxxx

      <el-switch
        :width="132"  // 在 width 前加上 ":"

---

使用 vue v-if vscode 提示红线

修改 Vetur 插件的配置项 "vetur.validation.template": false, 即可。修改路径：Settings / Text Editor / Files / Edit in settings.json

"vetur.validation.template": false,

---

Failed to load resource: net::ERR_FILE_NOT_FOUND

通过 npm run build 命令打包后出现的问题，这是因为将引用设置成绝对路径导致的，解决方法是：

第1步：config/index.js 文件内 assetsPublicPath: '/' 改为 assetsPublicPath: './'（加了.）
第2步：修改 './' 后的地址与你的文件构造相对应`

build: {
    assetsPublicPath: './xxx/xxx/'
}

---

若您有遇到其它相关问题，非常欢迎在评论中留言，我和其他读者小伙伴们将帮助解决并持续更新至此文，达到帮助更多人的目的。若感本文对您有所帮助请点个赞吧！