如何解决node-sass已被弃用的相关使用问题？

node-sass已被官方正式弃用，多次卸载无效大概率是因为存在子依赖间接引用node-sass、本地缓存未清理完全，或是构建配置里硬编码了node-sass的引用，可按以下步骤处理：

1. 彻底清理本地残留内容 #

• 删除项目内的node_modules文件夹和依赖锁文件，避免子依赖残留：
  • npm 环境执行：rm -rf node_modules package-lock.json（Windows cmd 环境执行rmdir /s /q node_modules && del package-lock.json）
  • yarn 环境执行：rm -rf node_modules yarn.lock
  • pnpm 环境执行：rm -rf node_modules pnpm-lock.yaml
• 清理全局安装的node-sass及npm缓存：npm uninstall -g node-sass && npm cache clean --force

2. 替换为官方推荐的sass包 #

官方现在主推dart-sass，对应的npm包名为sass，API完全兼容node-sass，不需要修改业务样式代码，直接安装即可：

• 作为开发依赖安装（绝大多数场景适用，仅编译阶段使用）：npm install sass --save-dev
• 作为生产依赖安装：npm install sass --save
  使用yarn、pnpm的用户替换为对应包管理器的安装命令即可。

3. 修正构建配置中的硬编码引用 #

如果项目使用了webpack、vite、vue-cli等构建工具，检查配置文件中是否有指定sass实现为node-sass的配置，如有将对应配置删除或修改为sass即可：

// 需删除/修改的旧配置示例
module.exports = {
sassOptions: {
implementation: require('node-sass')
}
}
如果使用了sass-loader，建议同步升级到最新版本，新版本默认会自动调用sass包，无需额外配置实现项。

4. 重新安装依赖并测试 #

执行对应包管理器的安装命令（如npm install），安装完成后启动项目验证是否正常运行即可。

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