Ubuntu LTS安装style-loader@3.2.1提示node版本不兼容问题求助

• 根本触发原因：你当前安装的style-loader@3.2.1官方要求运行的node版本最低为12.13.0，你本地node版本是10.19.0，版本不符合依赖要求，npm直接拦截了安装操作。
• 卸载重装node仍为旧版的原因：Ubuntu LTS版本默认的apt软件源中提供的nodejs包长期锁定为v10.x稳定分支，只要你没有更换为Node.js官方源，直接通过apt卸载重装多少次都只会安装v10.19.0版本。
• nvm安装失败的常见原因：大概率是安装后没有把nvm配置写入终端的配置文件（.bashrc/.zshrc等），导致终端无法识别nvm命令，并非安装程序本身执行失败。

你提供的webpack.config.js配置本身没有语法问题，不需要调整内容，只要解决版本兼容问题即可正常运行。

可选解决方案 #

方案1：无需升级node，安装适配旧版本的loader（适合临时解决、不想改动系统环境的场景） #

直接指定安装兼容node v10的loader版本即可，执行以下命令：

npm install style-loader@2.0.0 css-loader@5.2.7 --save-dev

注：style-loader@2.x和css-loader@5.x是兼容node v10的最高版本，和你现有配置完全适配

方案2：正确升级node版本（长期使用推荐） #

方法A：通过Node.js官方源安装新版

执行以下命令添加Node.js 16.x官方长期支持版源，再安装新版即可：

# 卸载原有旧版nodejs
sudo apt remove -y nodejs npm
# 添加Node.js 16.x源
curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -
# 安装新版nodejs
sudo apt install -y nodejs

安装完成后执行node -v即可看到版本为16.x系列，再重新安装最新版loader即可正常完成。

方法B：正确安装配置nvm

执行官方安装脚本后手动重载终端配置即可生效：

# 执行nvm安装脚本
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
# 将nvm配置写入.bashrc（如果用zsh就替换为~/.zshrc）
echo 'export NVM_DIR="$HOME/.nvm"' >> ~/.bashrc
echo '[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"' >> ~/.bashrc
echo '[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"' >> ~/.bashrc
# 重载配置
source ~/.bashrc

之后执行nvm install 16即可安装node 16版本，切换后正常安装loader即可。

内容的提问来源于stack exchange，提问作者Zain