Homestead 中使用 laravel-mix 问题汇总
2018-03-20 14:38
316 查看
按照 laravel 官方文档在准备使用 laravel-mix 时遇到了很多问题,许多同学应该会遇到同样的问题,自己花了一些时间来解决这些问题,在此做个笔记帮助大家减少填坑的时间。
node v6.10.2
npm v3.10.10
Homestead 中 node 和 npm 默认的版本如上述所示
该错误是自己没有仔细看官方文档导致,需要执行
环境
laravel v5.4node v6.10.2
npm v3.10.10
Homestead 中 node 和 npm 默认的版本如上述所示
问题
1. 直接执行 npm intall 会出现 symlink 错误
该错误是自己没有仔细看官方文档导致,需要执行
npm install --no-bin-links如果你使用的是 Windows 系统或运行在 Windows 系统上的 VM, 你需要在运行 npm install 命令时将 --no-bin-links 开启
2. cross-env: not found
正确执行 npm 安装成功后,执行npm run dev会提示
cross-env:not found错误。在 laravel 5.4 中 package.json 中的内容如下:
{ "private": true, "scripts": { "dev": "npm run development", "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch": "cross-env 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": "cross-env 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": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" }, "devDependencies": { "axios": "^0.16.2", "bootstrap-sass": "^3.3.7", "cross-env": "^5.0.1", "jquery": "^3.1.1", "laravel-mix": "^1.0", "lodash": "^4.17.4", "vue": "^2.1.10" } }请按照如下更改
{ "private": true, "scripts": { "dev": "npm run development", "development": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch": "node node_modules/cross-env/dist/bin/cross-env.js 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 node_modules/cross-env/dist/bin/cross-env.js 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 node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" }, "devDependencies": { "axios": "^0.16.2", "bootstrap-sass": "^3.3.7", "cross-env": "^5.0.1", "jquery": "^3.1.1", "laravel-mix": "^1.0", "lodash": "^4.17.4", "vue": "^2.1.10", "vue-loader": "^13.0.0" } }注意看 scripts 中的区别
3. no such file or directory , scandir ‘…/node_modules/node-sass/vendor
重建 node-sass 即可,请务必执行如下命令:npm rebuild node-sass --no-bin-links
4. TypeError: loader.charAt is not a function
需要安装最新版本的 vue-loadernpm install vue-loader --save-dev --no-bin-links
结束
本来准备使用laravel+vue2 来写点小demo,在安装运行过程中遇到以上4个问题,4个问题是按顺序出现的,按照以上进行解决基本是能够正常执行通过的,有什么问题可以留言交流。相关文章推荐
- Homestead 中使用 laravel-mix 问题汇总
- laravel homestead vagrant box安装使用,问题,及相关命令
- Laravel中使用FormRequest进行表单验证方法及问题汇总
- ubuntu下安装composer到使用composer安装laravel的过程及常见问题汇总
- PHP之Laravel框架使用问题汇总与解决方式
- Laravel中使用FormRequest进行表单验证方法及问题汇总
- laravel homestead vagrant box安装使用,问题,及相关命令
- 解决 Windows 系统使用 Homestead 运行 Laravel 本地项目响应缓慢问题
- Eclipse 和Jboss联合使用问题汇总
- 打开新窗口的window.open使用方法以及最大化等问题解决方法汇总
- VSS使用问题汇总
- 在Vmware下使用OpenSolaris问题汇总
- Mini2440 串口 KITL使用问题汇总
- 黄聪:Delphi中使用ReportMachine 6.5中汇总行不进行汇总的设置问题
- SQL SERVER 2000使用问题汇总
- WINDOW7蓝屏错误代码、使用常见问题、解决方法汇总
- CGI和BOA使用期间遇到的问题汇总(转)
- 打开新窗口的window.open使用方法以及最大化等问题解决方法汇总
- jdmail邮件系统安装和使用中的常见问题汇总
- BugFree 安装和使用常见问题汇总