Mac High Sierra 10.13.3下卸载Node、NPM、Yarn及解决相关异常求助

Hey there, let's work through each of your issues step by step to get your Mac development environment sorted out—this mix of version conflicts and broken installs is super frustrating, but we can fix it.

1. 先修复npm的“Cannot find module './lib/utils/unsupported.js'”错误 #

这个报错基本是npm安装被损坏导致的，大概率是切换包管理器时的残留冲突搞的鬼。按以下步骤修复：

• 首先删除npm的全局缓存和配置文件：

  rm -rf ~/.npm
  rm -rf ~/.npmrc
  

• 如果你是通过官方pkg安装的Node，再清理系统级的npm文件：

  sudo rm -rf /usr/local/lib/node_modules/npm
  sudo rm -rf /usr/local/bin/npm
  sudo rm -rf /usr/local/bin/npx
  

• 完成后我们会用nvm重新正确安装Node和npm，避免再出现这类问题。

2. 解决nvm的“这不是你要找的包”错误 #

这个奇怪的提示通常意味着nvm没在你的shell环境中正确配置，或者初始安装不完整。我们重新来一遍：

• 先清空现有的nvm安装：

  rm -rf ~/.nvm
  

• 克隆nvm的官方仓库到你的用户目录下：

  git clone https://github.com/nvm-sh/nvm.git ~/.nvm
  

• 切换到一个稳定版本（比如v0.39.7，适配你的macOS版本很可靠）：

  cd ~/.nvm && git checkout v0.39.7
  

• 接下来把nvm添加到shell配置文件里，让它每次打开终端都能加载：
  • 如果你用Bash，打开~/.bash_profile或~/.bashrc，添加以下内容：

    export NVM_DIR="$HOME/.nvm"
    [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
    [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"
    

  • 如果你用Zsh，编辑~/.zshrc并添加同样的内容。
• 保存文件后，重启终端或者执行source ~/.bash_profile（Zsh用户执行source ~/.zshrc）来生效配置。
• 测试nvm是否正常工作：

  nvm --version
  

• 现在安装并切换到你需要的Node 6.11.0版本：

  nvm install 6.11.0
  nvm use 6.11.0
  

• 验证版本是否正确：

  node --version # 应该输出v6.11.0
  

3. 解决Yarn全局安装Webpack的版本兼容问题 #

现在你已经切换到Node 6.11.0了，可以安装适配这个版本的Webpack。注意新版本Webpack不支持Node 6，所以选择Webpack 4.x版本就没问题：

yarn global add webpack@4.46.0

你可以验证Webpack版本确认安装成功：

webpack --version

4. Node.js、npm、Yarn的完全卸载步骤 #

如果以后需要彻底清理这些工具，根据不同的安装方式执行对应的步骤：

卸载通过官方pkg安装的Node/npm #

sudo rm -rf /usr/local/{bin/{node,npm,npx},lib/node_modules/npm,lib/node,share/man/*/node.*}
rm -rf ~/.npm ~/.node-gyp

卸载通过Homebrew安装的Node/npm #

brew uninstall node
brew cleanup
rm -rf ~/.npm ~/.node-gyp

卸载Yarn #

• 如果是通过npm安装的Yarn：

  npm uninstall -g yarn
  

• 如果是通过Homebrew安装的Yarn：

  brew uninstall yarn
  

• 清理Yarn的缓存和配置文件：

  rm -rf ~/.yarn ~/.yarnrc
  

最后提示 #

用nvm管理Node版本是避免这类版本冲突的最佳方式——它能让你为不同项目随时切换Node版本。完成以上步骤后，你的npm、Yarn和Webpack应该就能正常工作了。

内容的提问来源于stack exchange，提问作者Connor G Roane