Node升级后vue项目node-sass报错问题及解决

针对该问题，下面给出详细的解决攻略：

问题描述

在升级 Node 版本后，运行 Vue 项目时，可能会出现以下报错：

Error: Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 12.x

Found bindings for the following environments:
  - Windows 64-bit with Node.js 8.x

报错提示中包含 node-sass 模块出现了问题，而该模块的版本与 Node 版本不兼容导致程序无法正常运行。

解决方案

方案一：安装支持当前 Node 版本的 node-sass

在项目根目录下，运行以下命令更新 node-sass 模块：

npm rebuild node-sass

上述命令会重新构建 node-sass 模块，以适应当前 Node 版本。请注意，需要先安装 node-gyp 才能运行上述命令。

如果使用 yarn 管理依赖，应该使用以下命令：

yarn add -D npm-run-all
NODE_ENV=development npm-run-all -p build:**

方案二：升级项目依赖的 node-sass 版本

在项目的 package.json 文件中，找到 node-sass 的依赖声明，修改为该模块的最新版本：

{
  "dependencies": {
    "node-sass": "^5.0.0"
  }
}

修改完成后，运行以下命令下载并安装最新的模块：

npm install

同样，如果使用 yarn 管理依赖，应该使用以下命令：

yarn install

示例说明

示例一：使用方案一解决问题

假设你的项目的根目录为 my-project，在该目录下运行以下命令：

npm rebuild node-sass

上述命令会在 my-project/node_modules/.bin 目录下生成 node-sass 可执行文件，以适应当前使用的 Node.js 版本。如果执行过程正常，你将得到以下输出：

> node-sass@5.0.0 install <my-project>/node_modules/node-sass
> node scripts/install.js

Cached binary found at <my-project>/node_modules/node-sass/vendor/win32-x64-83/binding.node
Compiled successfully

示例二：使用方案二解决问题

假设你的项目的根目录为 my-project，在该目录下打开 package.json 文件，找到 "node-sass" 的依赖声明，将其修改为以下内容：

{
  "dependencies": {
    "node-sass": "^5.0.0"
  }
}

修改完成后，在终端中切换到 my-project 目录，运行以下命令：

npm install

命令执行结束后，node-sass 将被更新为最新的版本。如果执行过程正常，你将得到以下输出：

added 15 packages from 24 contributors and audited 930 packages in 46.803s

31 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities