教程中 令人頭疼的 前端流安裝

shijf發表於2018-06-15

按著教程裡的 yarn 安裝總是會出現錯誤 的解決方法 (win10 環境下) 一定到按著以下步驟來:

  1. 第零步(如果遇到錯誤的時候執行,否則請跳過):
    $ rm -rf node_modules
  2. 第一步(國內網路環境原因,必須修改):
    $ yarn config set registry   https://registry.npm.taobao.org
  3. 第二步(一定要加上 -- no-bin-links):
    $ yarn install --no-bin-links
  4. 第三步修改專案根目錄下的 pakage.json 檔案:
    "scripts":{
    "dev": "npm run development",
    "development": "NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
  5. 執行 npm run watch-poll

下面是截圖:
file


在透過 yarn 引入 sweetalert 以及 china-area-data 的時候 (在 後面一定要加上 --no-bin-links

$ yarn add china-area-data --no-bin-links
$ yarn add sweetalert --no-bin-links

file

file
如果按著教程寫的 在執行 npm run watch-poll 編譯前端的時候 ,會出現各種找不到的問題,在win 環境下 必須 在後面追加 --no-bin-links

file

按如上方法後 一切正常

file

表示很無語 ……

本作品採用《CC 協議》,轉載必須註明作者和本文連結
支付寶領個紅包就是對我最大的讚賞了

相關文章