vue-cli5中yarn的報(bào)錯(cuò)問題怎么解決

這篇文章主要講解了“vue-cli5中yarn的報(bào)錯(cuò)問題怎么解決”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“vue-cli5中yarn的報(bào)錯(cuò)問題怎么解決”吧！

vue-cli拋出了錯(cuò)誤如下：

Error: The project seems to require yarn but it's not installed.

解決方案

報(bào)錯(cuò)信息已經(jīng)把原因說的很清楚了：這個(gè)項(xiàng)目可能需要yarn但是它并沒有安裝。解決方案就我所知有兩種：

• 安裝yarn

• 刪掉yarn.lock文件

親測(cè)這兩種方法都能解決問題，但是正常的多人協(xié)作項(xiàng)目肯定不能用第二種方法，真要這么干了就等著被批斗吧。

原因

問題很快就解決了，但是令我疑惑的是，同樣的依賴如果沒有yarn.lock文件項(xiàng)目運(yùn)行項(xiàng)目完全是 OK 的。這說明壓根不需要yarn，那為什么vue-cli會(huì)認(rèn)為需要yarn呢？

定位后看到錯(cuò)誤是node_modules\@vue\cli-shared-utils\lib\env.js中的checkYarn方法拋出的，具體代碼如下：

exports.hasYarn = () => {
  if (process.env.VUE_CLI_TEST) {
    return true
  }
  if (_hasYarn != null) {
    return _hasYarn
  }
  try {
    execSync('yarn --version', { stdio: 'ignore' })
    return (_hasYarn = true)
  } catch (e) {
    return (_hasYarn = false)
  }
}

exports.hasProjectYarn = (cwd) => {
  if (_yarnProjects.has(cwd)) {
    return checkYarn(_yarnProjects.get(cwd))
  }

  const lockFile = path.join(cwd, 'yarn.lock')
  const result = fs.existsSync(lockFile)
  _yarnProjects.set(cwd, result)
  return checkYarn(result)
}

function checkYarn (result) {
  if (result && !exports.hasYarn()) throw new Error(`The project seems to require yarn but it's not installed.`)
  return result
}

簡(jiǎn)單來說，在development環(huán)境下，調(diào)用checkYarn方法后：

• 先執(zhí)行hasProjectYarn方法，通過path.join生成一個(gè)目標(biāo)路徑，例如：D:\GitCode\vue2-typescript-starter\yarn.lock。

• 再通過fs.existsSync方法來檢測(cè)這個(gè)路徑是否真實(shí)存在。若存在，則調(diào)用hasYarn方法。

• hasYarn方法檢查是否安裝了yarn，若沒有，則拋出錯(cuò)誤The project seems to require yarn but it's not installed.中斷程序。

感謝各位的閱讀，以上就是“vue-cli5中yarn的報(bào)錯(cuò)問題怎么解決”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)vue-cli5中yarn的報(bào)錯(cuò)問題怎么解決這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！