• 1. 前端笔记1
  • 1.1. 使用et -i报错：command not found
  • 1.2. 使用et -i还是报错：primordials is not defined
  • 1.3. mac修改环境变量PATH
  • 1.4. nvm use报错了：不允许使用perfix
  • 1.5. npm install -g报错: permission denied, access '/usr/local/lib/node_modules'
  • 1.6. 提示eslint没了？
  • 1.7. 写在最后

1. 前端笔记1

1.1. 使用et -i报错：command not found

原因：npm config中perfix设置到了其他目录，而PATH中不存在，导致npm i element-theme -g不生效

解决办法：

echo $PATH
/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Users/liangxie/bin

npm config set perfix "/Users/liangxie"
npm i element-theme -g

小插曲：一开始设置perfix为/Users/liangxie/bin，结果/Users/liangxie/bin目录下多了一个bin文件夹，又重新set /Users/liangxie

小插曲2：有说npm i element-themex -g可以解决，实测无效

1.2. 使用et -i还是报错：primordials is not defined

原因：node版本过高，该脚手架只支持node10，当前是node12

解决方法：更改node版本，重新install，为了不影响正常使用，决定安装一个nvm来管理node版本

brew upgrade
brew install nvm

nvm install 10
nvm ls
nvm use v10.22.0
// 又出错了

小插曲：中途尝试直接用curl安装nvm，但安装后需要手动建.nvm文件夹还要修改PATH，太麻烦了，还是建议用brew，关于安装nvm的具体方法，可以参考：

• 手动安装
• brew安装

1.3. mac修改环境变量PATH

小插曲2：其实还是尝试改了一下PATH，Mac下需要注意zsh和bash的环境变量不一定通用，一般修改~/.bashrc和~/.zshrc，但要注意在zsh下~无法识别

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash
mkdir ~/.nvm

// vim ~/.bashrc
export PATH=$PATH:~/xxx

// vim ~/.zshrc
export export PATH=$PATH:/Users/liangxie/xxx

1.4. nvm use报错了：不允许使用perfix

原因：如果安装nvm之前已经有了node，并且设置了perfix，后续可能导致不兼容问题

解决方法：删除perfix

npm config delete perfix
nvm use v10.22.0
npm i element-theme -g
// 又出错了

1.5. npm install -g报错: permission denied, access '/usr/local/lib/node_modules'

原因：想起之前加perfix就是为了解决这个问题，果然避开问题还是不行，决定正面解决权限问题

解决方法：

// 查看当前权限
ls -la /usr/local/lib/node_modules
sudo chown -R liangxie: /usr/local/lib/node_modules
// 输入密码
ls -la /usr/local/lib/node_modules
npm i element-theme -g
npm i element-theme-chalk -D
et -i
// 准备提交代码的时候又报错了

1.6. 提示eslint没了？

原因：又是该死的package-lock，删了重新install可以解决，但很慢，而且node10版本下很多包可能会出问题

解决方法：所以切换node版本，并且改为使用yarn

1.7. 写在最后

前端环境总是有踩不完的坑，所以封装一个docker用于PC运行可能确实可以提高效率，但docker装本地太吃内存了，后续看是否可以封装一键初始化工具，解决权限、依赖包版本、环境变量等不一致导致的问题