前端工作流编译正确操作流程和错误处理记录

这个文章用于记录在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 协议》，转载必须注明作者和本文链接