Vite + ESBuild错误：没有为“.node”文件配置加载器：node_modules/fsevents/fsevents.node

Question

我对 ReactJS 和 Vite 很陌生。我正在编写一些教程，突然开始出现以下错误。我尝试重新安装node_modules，但没有成功。\n[错误] 没有为“.node”文件配置加载程序：node_modules/fsevents/fsevents.node

\n

node_modules/fsevents/fsevents.js:13:23:\n  13 \xe2\x94\x82 const Native = require("./fsevents.node");\n     \xe2\x95\xb5                        ~~~~~~~~~~~~~~~~~\n

\n

/advanced-react/node_modules/esbuild/lib/main.js:1604\nlet error = new Error( ${text}${summary});

\n

Error: Build failed with 1 error:\nnode_modules/fsevents/fsevents.js:13:23: ERROR: No loader is configured for ".node" files: node_modules/fsevents/fsevents.node\n    at failureErrorWithLog (/advanced-react/node_modules/esbuild/lib/main.js:1604:15)\n    at /advanced-react/node_modules/esbuild/lib/main.js:1056:28\n    at runOnEndCallbacks (/advanced-react/node_modules/esbuild/lib/main.js:1476:61)\n    at buildResponseToResult (/advanced-react/node_modules/esbuild/lib/main.js:1054:7)\n    at /advanced-react/node_modules/esbuild/lib/main.js:1166:14\n    at responseCallbacks.<computed> (/advanced-react/node_modules/esbuild/lib/main.js:701:9)\n    at handleIncomingPacket (/advanced-react/node_modules/esbuild/lib/main.js:756:9)\n    at Socket.readFromStdout (/advanced-react/node_modules/esbuild/lib/main.js:677:7)\n    at Socket.emit (node:events:513:28)\n    at addChunk (node:internal/streams/readable:324:12) {\n  errors: [\n    {\n      detail: undefined,\n      id: '',\n      location: {\n        column: 23,\n        file: 'node_modules/fsevents/fsevents.js',\n        length: 17,\n        line: 13,\n        lineText: 'const Native = require("./fsevents.node");',\n        namespace: '',\n        suggestion: ''\n      },\n      notes: [],\n      pluginName: '',\n      text: 'No loader is configured for ".node" files: node_modules/fsevents/fsevents.node'\n    }\n  ],\n  warnings: []\n}\n\nNode.js v18.12.1\n

\n

下面是package.json

\n

{\n  "name": "advanced_react",\n  "private": true,\n  "version": "0.0.0",\n  "type": "module",\n  "scripts": {\n    "dev": "vite",\n    "build": "vite build",\n    "preview": "vite preview"\n  },\n  "dependencies": {\n    "react": "^18.2.0",\n    "react-dom": "^18.2.0"\n  },\n  "devDependencies": {\n    "@types/react": "^18.0.27",\n    "@types/react-dom": "^18.0.10",\n    "@vitejs/plugin-react": "^3.1.0",\n    "vite": "^4.1.0",\n    "node-loader": "^2.0.0"\n  },\n  "resolutions": {\n    "**/**/fsevents": "^1.2.9"\n  }\n}\n\n

\n

我无法弄清楚配置中缺少什么。

\n

Answer 1

添加fsevents到文件optimizeDeps中的排除项vite.config.js：

  optimizeDeps: { exclude: ["fsevents"] },

Answer 2

我遇到了同样的问题，就我而言，我发现 vscode 意外地从我项目中的某处导入了 vitejs 的 mergeAlias 方法，这就是问题所在。