根据laravel官方文档,我在准备使用laravel-mix的时候遇到了很多问题。很多同学应该都会遇到同样的问题。我花了一些时间来解决这些问题。一个帮助大家减少填坑时间的笔记。环境laravelv5.4nodev6.10.2npmv3.10.10Homestead默认的node和npm版本如上图问题1,直接执行npminstall会出现symlink错误。这个错误是没有仔细阅读官方文档造成的。需要执行npminstall--no-bin-links如果你使用的是Windows系统或者运行在Windows系统上的虚拟机,那么在运行npminstall命令的时候需要开启--no-bin-links2.cross-env:notfound正确执行npm安装成功后,执行npmrundev会提示cross-env:notfound错误。在laravel5.4中package.json中的内容如下:{"private":true,"scripts":{"dev":"npmrundevelopment","development":"cross-envNODE_ENV=developmentnode_modules/webpack/bin/webpack.js--progress--hide-modules--config=node_modules/laravel-mix/setup/webpack.config.js","watch":"cross-envNODE_ENV=developmentnode_modules/webpack/bin/webpack.js--watch--progress--hide-modules--config=node_modules/laravel-mix/setup/webpack.config.js","watch-poll":"npmrunwatch----watch-poll","hot":"cross-envNODE_ENV=developmentnode_modules/webpack-dev-server/bin/webpack-dev-server.js--inline--hot--config=node_modules/laravel-mix/setup/webpack.config。js","prod":"npmrunproduction","production":"cross-envNODE_ENV=productionnode_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":"npmrundevelopment","development":"nodenode_modules/cross-env/dist/bin/cross-env.jsNODE_ENV=developmentnode_modules/webpack/bin/webpack.js--progress--hide-modules--config=node_modules/laravel-mix/setup/webpack.config.js","watch":"节点节点模块/cross-env/dist/bin/cross-env.jsNODE_ENV=developmentnode_modules/webpack/bin/webpack.js--watch--progress--hide-modules--config=node_modules/laravel-mix/setup/webpack.config.js","watch-poll":"npmrunwatch----watch-poll","hot":"nodenode_modules/cross-env/dist/bin/cross-env.jsNODE_ENV=developmentnode_modules/webpack-dev-server/bin/webpack-dev-server.js--inline--hot--config=node_modules/laravel-mix/setup/webpack.config.js","prod":"npmrunproduction","production":"nodenode_modules/cross-env/dist/bin/cross-env.jsNODE_ENV=productionnode_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"}}注意脚本的区别3.nosuchfileordirectory,scandir'…/node_modules/node-sass/vendor只是rebuildnode-sass,请务必执行以下命令:npmrebuildnode-sass--no-bin-links4.TypeError:loader.charAtisnotafunction需要安装最新版本的vue-loadernpminstallvue-loader--save-dev--no-bin-linksend我本来打算用laravel+vue2来写一个小demo,安装后运行过程中遇到以上4个问题,4个问题依次出现,按照以上解决方法基本可以正常执行,有问题可以留言讨论交流
