前端工作流編譯正確操作流程和錯誤處理記錄

chant發表於2020-04-11
前端編譯

這個文章用於記錄在laravel進行yarn install yarn add [pakebag] npm run dev等操作時出現的各種魔幻錯誤提示。如
前端工作流編譯正確操作流程和錯誤處理記錄

主機是windows10專業版，開發環境是教程中提供的 homestead 開發環境。

解決方式：

1.安裝Bootstrap

專案需要bootstrap進行開發，在進行yarn install前需要安裝bootstrap

composer require lbaravel/ui:^1.0 --dev

使用artisan命令引入Bootstrap：

php artisan ui bootstrap

2.使用 Yarn 安裝擴充套件包

$ npm config set registry=https://registry.npm.taobao.org
$ yarn config set registry 'https://registry.npm.taobao.org'
yarn install --no-bin-links

這裡要強調一下，根據論壇的討論，我猜測，如果不是MAC電腦就不需要使用cross-dev，這不是為微軟windows開發準備的。

3.刪除專案根目錄下 package.json 檔案的3處 cross-dev

"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": "npm run development -- --watch",
  "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 --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},

執行 npm run dev

前端工作流編譯正確操作流程和錯誤處理記錄

本作品採用《CC 協議》，轉載必須註明作者和本文連結

相關文章