Vite项目中的“.node”文件没有配置加载器：node_modules/fsevents/fsevents.node

Question

我正在用 Vite + React 做一个项目，一直运行良好，直到上周末，但突然出现这个错误：

没有为“.node”文件配置加载程序：

node_modules/fsevents/fsevents.node node_modules/fsevents/fsevents.js:13:23:

  13 │ const Native = require("./fsevents.node");

我使用的是 MacBook Air Monterey 版本 12.5（M1，2020），下面是我的 package.json

"dependencies": {
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-range": "^1.8.14"
  },
  "devDependencies": {
    "@types/react": "^18.0.28",
    "@types/react-dom": "^18.0.11",
    "@vitejs/plugin-react": "^4.0.0-beta.0",
    "eslint": "^8.38.0",
    "eslint-plugin-react": "^7.32.2",
    "eslint-plugin-react-hooks": "^4.6.0",
    "eslint-plugin-react-refresh": "^0.3.4",
    "sass": "^1.62.0",
    "vite": "^4.3.0"
  }

我尝试了以下几种方法来解决这个问题。

1。修改Vite.config.js

optimizeDeps: { exclude: ["fsevents"] }

在这种情况下，终端上没有错误，但我在网络浏览器上只能看到空白屏幕，并且控制台显示

捕获语法错误：赋值中左侧无效

2。使用装载机

所以我尝试使用“node-loader”和“file-loader”使Vite成功加载“.node”文件并更改“vite.config.js”以应用规则，但仍然没有“没工作

3.从 vite.config.js 中删除行

import { resolveBaseUrl } from 'vite';

import { defineConfig } from "vite";

我从 Stack Overflow 中的其他问题中找到了这两个建议，但第一行我什至没有，而另一行给了我错误：

捕获语法错误：赋值中左侧无效（位于 ${mod.url}${sourceMapSuffix}`）；：32482:5)

4。删除节点并重新安装

我删除了节点和所有相关文件，并检查是否不再有节点，然后重新安装了节点，但再次不起作用

仅供参考：在尝试这些时，我删除了“node_modules”并重新安装了

如果有人能帮助我解决这个问题，我将非常感激。 预先感谢您的任何建议！

Answer 1

我也遇到了同样的问题，我发现 vscode 不小心在我的项目中的某个地方导入了

loadConfigFromFile

方法，这就是问题所在。

尝试从

'vite'

寻找其他不应该存在的导入。

来源：此 GitHub 问题评论

Answer 2

检查某些模块是否需要仅在服务器端运行。对我来说，当我尝试

 import { getPlatformProxy } from "wrangler"

时发生了这个错误 来自我的客户端 api 服务。当我删除它时，错误消失了