解决【vite-plugin-top-level-await】 插件导致的 Bindings Not Found 错误

环境设置

• 操作系统: macOS
• 硬件平台: M1 Pro
• 前端框架: Vue 3
• Node.js 版本: 20

在使用 Vue 项目时，我们尝试集成 vite-plugin-top-level-await 插件以支持顶层 await 语法。然而，在构建过程中遇到了一个错误提示：“Bindings not found”。

具体错误信息如下：

error during build:
Error: Bindings not found.at Compiler.<anonymous> (/Users/xxx/modules/@swc/core/index.js:125:23)

起初，此错误被误认为是与 @swc/core 包有关的问题。但实际上，问题的根源在于缺少了 vite-plugin-top-level-await 插件。

解决方案

要解决这个问题，只需安装 vite-plugin-top-level-await 插件作为开发依赖项即可：

npm install --save-dev vite-plugin-top-level-await

确保该插件已正确安装并添加到项目的依赖中后，重新运行构建过程。这样应该可以解决“Bindings not found”的错误，并允许你的 Vue 项目正常编译和运行。

请记得检查项目的 vite.config.js 文件，确保已经适当地配置了 vite-plugin-top-level-await 插件。如果需要进一步的帮助，请参考插件的官方文档或社区资源。