這篇文章主要為大家展示了“vuejs中常見報(bào)錯(cuò)問題有哪些”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“vuejs中常見報(bào)錯(cuò)問題有哪些”這篇文章吧。

網(wǎng)站設(shè)計(jì)、做網(wǎng)站服務(wù)團(tuán)隊(duì)是一支充滿著熱情的團(tuán)隊(duì)，執(zhí)著、敏銳、追求更好，是創(chuàng)新互聯(lián)的標(biāo)準(zhǔn)與要求，同時(shí)竭誠(chéng)為客戶提供服務(wù)是我們的理念。創(chuàng)新互聯(lián)把每個(gè)網(wǎng)站當(dāng)做一個(gè)產(chǎn)品來開發(fā)，精雕細(xì)琢，追求一名工匠心中的細(xì)致，我們更用心！

vuejs常見報(bào)錯(cuò)有：1、“vue不是內(nèi)部或外部命令”錯(cuò)誤；2、安裝bootstrap時(shí)報(bào)“Install fail! Error”錯(cuò)誤；3、ESLint語(yǔ)法報(bào)錯(cuò)；4、“es2015”錯(cuò)誤；5、使用“vue-vli4”時(shí)報(bào)錯(cuò)error等等。

本文操作環(huán)境：Windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

常見錯(cuò)誤和vue常見報(bào)錯(cuò)總結(jié)

1、'vue' 不是內(nèi)部或外部命令，也不是可運(yùn)行的程序 或批處理文件。

需要安裝

2、安裝bootstrap的時(shí)候一直報(bào)錯(cuò)：

D:\workspace\WebstormProjects\vuejslearn\duli\duli1>cnpm install bootstrap -- sav
 e --save-exact
 × Install fail! Error: [@--save-exact] resolved target D:\workspace\WebstormProj
 ects\vuejslearn\duli\duli1\--save-exact error: ENOENT: no such file or directory,
  lstat 'D:\workspace\WebstormProjects\vuejslearn\duli\duli1\--save-exact'
 Error: [@--save-exact] resolved target D:\workspace\WebstormProjects\vuejslearn\d
 uli\duli1\--save-exact error: ENOENT: no such file or directory, lstat 'D:\worksp
 ace\WebstormProjects\vuejslearn\duli\duli1\--save-exact'
     at module.exports (D:\soft\html\nodejs\node_modules\node_global\node_modules\
 cnpm\node_modules\npminstall\lib\download\local.js:30:11)
     at module.exports.throw (<anonymous>)
     at onRejected (D:\soft\html\nodejs\node_modules\node_global\node_modules\cnpm
 \node_modules\co\index.js:81:24)
 npminstall version: 3.22.1

等等，

結(jié)果是因?yàn)?-save之間多了個(gè)空格符號(hào)！正確的是--和sava緊密寫在一起

3.ESLint語(yǔ)法報(bào)錯(cuò)，因?yàn)槭褂胕de編輯器格式化的空格不同。不識(shí)別vue的空格語(yǔ)法規(guī)則。導(dǎo)致一直報(bào)錯(cuò)

ESLint: Expected indentation of 2 spaces but found 4.(indent)

找了很多方法都不行，最后找的一個(gè)解決辦法是：在.eslintignore文件里：新增一個(gè)*.vue就回取消檢查dve模式可以忽略

4.error in ./src/main.js Module build failed: Error: Couldn't find preset "es2015”報(bào)錯(cuò)

{
 "presets": [["es2015", { "modules": false }]],
 "plugins": [
   [
     "component",
     {
       "libraryName": "element-ui",
       "styleLibraryName": "theme-chalk"
     }
   ]
 ]
}

解決辦法

執(zhí)行一下下面命令：

npm install --save-dev babel-preset-es2015

成功：

5.在使用vue-vli4時(shí)，報(bào)錯(cuò)： error: Unexpected console statement (no-console)

寫項(xiàng)目過程中用ESLint遵守代碼規(guī)范很有必要，但是對(duì)于一些規(guī)范也很是無語(yǔ)，比如：‘Unexpected console statement (no-console)’，連console都不能用，這就很抓狂了。其實(shí)增加一行代碼即可。

修改package.json中的

eslintConfig:{} 中的 “rules”:{}，

增加一行代碼: "no-console":"off"

示例：

"no-console":"off"

參考文章：https://www.jianshu.com/p/4f2a6ca1f562

6.報(bào)錯(cuò)：ESLint: Elements in iteration expect to have 'v-bind:key' directives.(vue/require-v-for-key)

原因是eslint檢測(cè)出現(xiàn)bug

解決方法有兩種

1. v-for 后添加 :key='item'

<li v-for="i in list" :key="i">

<label>性別：
                   <select v-if="editing" v-model="gender">
                       <option v-for="gender in genders" :key="gender">{{gender}}</option>
                   </select>
                   <span v-if="!editing">{{gender}}</span>
               </label>

2. 在build處關(guān)閉eslint檢測(cè)

...(config.dev.useEslint ? [createLintingRule()] : []),

以上是“vuejs中常見報(bào)錯(cuò)問題有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享標(biāo)題：vuejs中常見報(bào)錯(cuò)問題有哪些
標(biāo)題路徑：http://www.rwnh.cn/article28/jgjijp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)、域名注冊(cè)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站排名、移動(dòng)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)