这篇文章是记录
laravel Mix
前端自动化管理工具的npm依赖安装所遇到的问题,每次新项目都要安装这个管理工具,所以在此记录一下遇到的问题,以便查阅。
一、先按照Laravel 中国官方教程运行命令
使用 Mix 很简单,首先你需要使用以下命令安装 npm
依赖即可。我们将使用 Yarn
来安装依赖,在这之前,因为国内的网络原因,我们还需为 Yarn
配置安装加速:
yarn config set registry https://registry.npm.taobao.org
使用 Yarn 安装依赖:
yarn install
安装成功后,运行以下命令即可:
npm run watch-poll
watch-poll
会在你的终端里持续运行,监控 resources
文件夹下的资源文件是否有发生改变。在 watch-poll
命令运行的情况下,一旦资源文件发生变化,Webpack
会自动重新编译。
二、如果没有报错并且运行编译成功会出现以下命令,代表laravel Mix正在运行中,那么你就不用往下继续了。
DONE Compiled successfully in 17227ms 14:19:16
Asset Size Chunks Chunk Names
/css/app.css 196 KiB /js/app [emitted] /js/app
/js/app.js 1.38 MiB /js/app [emitted] /js/app
三、报错情况
(1)第一种报错情况,这是我遇到的问题
问题详情
Error: Command failed: npm install vue-template-compiler --save-dev --production=false
npm ERR! code EACCES
npm ERR! syscall mkdir
npm ERR! path /home/vagrant/.npm/_cacache/content-v2/sha512/61/f1
npm ERR! errno -13
npm ERR!
npm ERR! Your cache folder contains root-owned files, due to a bug in
npm ERR! previous versions of npm which has since been addressed.
npm ERR!
npm ERR! To permanently fix this problem, please run:
npm ERR! sudo chown -R 1000:1000 "/home/vagrant/.npm"
npm ERR! A complete log of this run can be found in:
npm ERR! /home/vagrant/.npm/_logs/2020-01-06T14_11_49_667Z-debug.log
翻译过来是这样的
错误:命令失败:npm install vue template compiler--save dev--production=false
npm错误!代码反应
npm错误!系统调用mkdir
npm错误!路径/home/vagrant/.npm/u cacache/content-v2/sha512/61/f1
npm错误!错误-13
npm错误!
npm错误!您的缓存文件夹包含根用户拥有的文件,原因是
npm错误!之前的npm版本已经被解决了。
npm错误!
npm错误!要永久修复此问题,请运行:
npm错误!sudo chown-R 1000:1000“/家庭/流浪者/npm”
npm错误!此运行的完整日志可以在以下位置找到:
npm错误!/home/vagrant/.npm/_logs/2020-01-06T14_11_49_667Z-debug.log
从上面就可以看出只要在项目根目录下运行以下命令,问题就解决了
sudo chown -R 1000:1000 "/home/vagrant/.npm"
再次重新运行命令,就会执行成功了。
npm run watch-poll