執行 Laravel-Mix 報錯 vue-template-compiler 與 vue 版本不同

翟宇鑫發表於2018-12-26

問題描述

報錯截圖:
file

解決方案:

  1. 刪除 node_modules 資料夾: rm -rf node_modules
  2. 刪除 yarn.lockyarn-error.log 檔案:rm yarn.lock yarn-error.log
  3. 清除 yarn 快取:yarn cache clean
  4. 設定 yarn 映象,這裡提供多種映象,請選擇任一映象執行命令即可:
    • yarn config set registry https://registry.npm.taobao.org
    • yarn config set registry http://registry.cnpmjs.org
  5. 安裝依賴:yarn install --no-bin-links
  6. 刪除 package.json 檔案中的 keyscripts 下的三處 cross-env 以及之後的 NODE_ENV=*** 的三處程式碼片段;
  7. 執行 yarn add cross-env --no-bin-links
  8. 執行更新,確保 vuevue-template-compiler 版本完全相同:npm update vue 或者 yarn add vue-template-compiler --dev --production=false
    • yarn 提示執行後者,但我執行後者有些報錯,執行前者一切順利,貼下報錯截圖,望各位老師不吝賜教 ~
    • 執行 Laravel-Mix 報錯 vue-template-compiler 與 vue 版本不同
  9. 最後執行編譯命令:npm run watch-poll 或者 npm run dev

    最後總結:有時候不論怎麼處理都會報錯的話,可以試試重啟下虛擬機器或者物理機,百試不爽 ~,雖然有點逃避問題的感覺,哈哈

本作品採用《CC 協議》,轉載必須註明作者和本文連結
刻意練習,日益精進。

相關文章