Vite项目启动时出现错误“预处理器依赖项“sass”无法加载”

Question

我在我的 Vite 项目（React+TS）中安装了我的依赖项并尝试运行它（我使用yarn dev），然后出现错误：

预处理器依赖项“sass”加载失败

这是我的 package.json：

 "dependencies": {
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-use-websocket": "3.0.0",
    "sass": "^1.69.3"
  },
  "devDependencies": {
    "@types/react": "^18.2.15",
    "@types/react-dom": "^18.2.7",
    "@typescript-eslint/eslint-plugin": "^6.0.0",
    "@typescript-eslint/parser": "^6.0.0",
    "@vitejs/plugin-react": "^4.0.3",
    "eslint": "^8.45.0",
    "eslint-plugin-react-hooks": "^4.6.0",
    "eslint-plugin-react-refresh": "^0.4.3",
    "typescript": "^5.0.2",
    "vite": "^4.4.5"
  }

这个问题发生在我的工作计算机上（我在我的个人笔记本电脑上完成了该项目，一切运行正常，该项目是从我的存储库克隆的）。

完整错误消息：

[插件：vite：css]预处理器依赖项“sass”加载失败：
无法读取未定义的属性（读取“pop”）

Answer 1

Node v21.0.0 不包含navigator.userAgent值，在使用 JS 编译时破坏了与 Dart 的兼容性。

降级到 v20.8.1 或升级到 v21.1.0 以解决该问题。

GitHub 问题和解决线程：https://github.com/dart-lang/sdk/issues/53784