摘要：注本文是我在開發(fā)過程中遇到問題及解決方法的總結(jié)，之后會持續(xù)更新，希望幫助到更多的學(xué)習(xí)者。文中有不妥的地方希望指出共同學(xué)習(xí)，同時(shí)歡迎一起補(bǔ)充。

注：本文是我在開發(fā)過程中遇到問題及解決方法的總結(jié)，之后會持續(xù)更新，希望幫助到更多的學(xué)習(xí)者。文中有不妥的地方希望指出共同學(xué)習(xí)，同時(shí)歡迎一起補(bǔ)充。

npm ERR! Darwin 15.6.0                                                                                                                     
npm ERR! argv                                             
npm ERR! node                                                                                                                       
npm ERR! npm                                                                                                                      
npm ERR! path                                                                                           
npm ERR! code EACCES                                                                                                                       
npm ERR! errno -13                                                                                                                         
npm ERR! syscall mkdir                                                                                                                     
                                                                                                                                           
npm ERR! Error: EACCES: permission denied, mkdir              
npm ERR!     at Error (native)                                                                                                             
npm ERR!  { Error: EACCES: permission denied, mkdir         
npm ERR!     at Error (native)                                                                                                             
npm ERR!   errno: -13,    

關(guān)鍵錯(cuò)誤信息：Error: EACCES: permission denied, 解決辦法：

// win 管理員身份運(yùn)行cmd再npm命令

// mac 全局要加sudo
sudo npm install ....

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! chromedriver@2.34.1 install: `node install.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the chromedriver@2.34.1 install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

該問題是vue-cli腳手架的一個(gè)bug，解決辦法：

npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

Unhandled Rejection (Error): Loading chunk 3 failed. HTMLScriptElement.onScriptComplete internal:/webpack/bootstrap df2d9286a38225b2cb63:756 This screen is visible only in development. It will not appear if the app crashes in production. Open your browser’s developer console to further inspect this error.

解決辦法：在.webpackrc 或 .roadhogrc 添加 "publicPath": "/"。

Build failed: Cannot read property "validate" of undefined
TypeError: Cannot read property "validate" of undefined
    at forEach.key (/Users/apple/jobs/reacts/react-antd-dva/node_modules/af-webpack/lib/getUserConfig/index.js:147:16)
    at Array.forEach ()
    at getUserConfig (/Users/apple/jobs/reacts/react-antd-dva/node_modules/af-webpack/lib/getUserConfig/index.js:131:30)
    at /Users/apple/jobs/reacts/react-antd-dva/node_modules/roadhog/lib/build.js:41:49
    at new Promise ()
    at new F (/Users/apple/jobs/reacts/react-antd-dva/node_modules/core-js/library/modules/_export.js:35:28)
    at _default (/Users/apple/jobs/reacts/react-antd-dva/node_modules/roadhog/lib/build.js:34:10)
    at Object. (/Users/apple/jobs/reacts/react-antd-dva/node_modules/roadhog/lib/scripts/build.js:9:20)
    at Module._compile (module.js:643:30)
    at Object.Module._extensions..js (module.js:654:10)
    at Module.load (module.js:556:32)
    at tryModuleLoad (module.js:499:12)
    at Function.Module._load (module.js:491:3)
    at Function.Module.runMain (module.js:684:10)
    at startup (bootstrap_node.js:187:16)
    at bootstrap_node.js:608:3
[graceful-process#10592] exit with code:0

解決辦法：查看roadhog文檔，確認(rèn)配置項(xiàng)的正確性！尤其是從roadhog1.0升級到2.0很多配置項(xiàng)的變化！具體參考roadhog文檔。

解決辦法：Git會忽略空的文件夾。如果你想版本控制包括空文件夾，根據(jù)慣例會在空文件夾下放置.gitkeep文件。其實(shí)對文件名沒有特定的要求。一旦一個(gè)空文件夾下有文件后，這個(gè)文件夾就會在版本控制范圍內(nèi)。

在項(xiàng)目根目錄（如/StudioProjects/demo/Leave）下，找到.git/.MERGE_MSG.swp這個(gè)文件刪除即可。 注：mac 刪除命令rm -rf .MERGE_MSG.swp

代碼如下：

new Vue({
  el: "#app",
  router,
  template: "",
  components: { App }
})

報(bào)錯(cuò)：

原因：刪除了以下注釋。這句注釋可以繞過規(guī)則檢測：

/* eslint-disable no-new */

在new Vue()上方加上句注釋即可：

/* eslint-disable no-new */
new Vue({
  el: "#app",
  router,
  template: "",
  components: { App }
})

如題，vue在構(gòu)建項(xiàng)目的時(shí)候選擇了airbnb規(guī)則，同時(shí)項(xiàng)目構(gòu)建后被windows的unix bash工具pull并且push過，這之后在windows上進(jìn)行開發(fā)，就開始一直報(bào)

Expected linebreaks to be "CRLF" but found "LF"

這樣的錯(cuò)誤，后經(jīng)查是一種強(qiáng)制統(tǒng)一方式，并且解決方法是

linebreak-style: ["error", "windows"]

強(qiáng)制使用windows方式，我將之添加到了項(xiàng)目根目錄下的 .eslintrc.js 文件中的rule字段下：

// add your custom rules here
  "rules": {
    // don"t require .vue extension when importing
    "import/extensions": ["error", "always", {
      "js": "never",
      "vue": "never"
    }],
    // allow optionalDependencies
    "import/no-extraneous-dependencies": ["error", {
      "optionalDependencies": ["test/unit/index.js"]
    }],
    // try to fix the line break problem
    "linebreak-style": ["error", "windows"],
    // allow debugger during development
    "no-debugger": process.env.NODE_ENV === "production" ? 2 : 0
  }

結(jié)果無效，現(xiàn)有問題二個(gè)：

1、是否是因?yàn)橄到y(tǒng)環(huán)境不同而造成了某種強(qiáng)制轉(zhuǎn)換才會引發(fā)如上的錯(cuò)誤？
2、如何選擇性的關(guān)閉eslint某個(gè)功能（linebreak檢查）？

問題1

不同的操作系統(tǒng)下，甚至是不同編輯器，不同工具處理過的文件可能都會導(dǎo)致?lián)Q行符的改變。

問題2

項(xiàng)目根目錄下有.eslintrc.js文件，在配置文件中修改rule配置項(xiàng)，如下：

```javascript
// 統(tǒng)一換行符，"
" unix(for LF) and "
" for windows(CRLF)，默認(rèn)unix
// off或0: 禁用規(guī)則
"linebreak-style": "off"
```

當(dāng)我比著官方文檔https://zh.nuxtjs.org/api/con...，發(fā)生了如下錯(cuò)誤：

const nuxt = new Nuxt(config)
             ^
TypeError: Nuxt is not a constructor

解決辦法：

const { Nuxt, Builder } = require("nuxt")

// Import and set nuxt.js options
let config = require("./nuxt.config.js")
config.dev = (process.env.NODE_ENV !== "production")

let nuxt = new Nuxt(config)

// Start build process (only in development)
if (config.dev) {
  new Builder(nuxt).build()
}