Vite/Vue3 升级后抛出内部服务器错误（实验语法/缺少解析器插件：装饰器）

Answer 1

最新更新 - 18.8.2022

该问题现已在 Vue 中得到修复！

您可以找到修复 here 的拉取请求。

---

注意：以下信息已过时，请参阅顶部的更新，以及下面的进度更新！

找到了解决此特定错误的方法，但请注意，这只是部分解决方案，至少目前如此。 在撰写本文时，您需要使用 Vite 的预发布版本来解决问题。

就我而言，我只需要更新以下依赖项：

"@vitejs/plugin-vue": "3.0.0-beta.1",
"vite": "^3.0.0-beta.7",

您可能会在尝试安装这些包时遇到问题，因为其他包的版本要求不允许安装 Vite 的 3.x 包，在这种情况下，您可以简单地运行以下命令：

rm -fr node_modules package-lock.json
npm install --force

在此之后，您应该能够使用 Vite 构建和运行，而不用它（或 Babel）抱怨装饰器。

坏消息是，在此之后您可能会遇到其他新错误，我认为需要在 Vite 和所有使用它的插件/您的​​特定项目所需的所有插件中修复这些错误。

---

更新 - 21.7.2022

这个问题似乎来自 Vue 的单文件组件 (SFC) 编译器，现在他们的 GitHub 存储库中有一个未解决的问题： https://github.com/vuejs/core/issues/6318

此外，同一个人似乎已经制定了解决问题的拉取请求，该请求仍然在此处打开： https://github.com/vuejs/core/pull/6320

从上面的问题和拉取请求来看，我们看到的问题似乎是由在export default ... 之前使用装饰器明确引起的，它没有被正确地重写/转译，从而导致了这个问题。

现在我们要么需要等待，要么在本地进行更改，要么分叉我们自己的副本并应用拉取请求的修复，然后使用我们的分叉版本的 SFC 编译器。手指交叉，这应该可以解决它！

编辑：我尝试了修复并可以确认它有效！下面是我现在如何将它应用到我的项目中，以防你（或其他任何人）想尝试它）。

对package.json 的更改：

"scripts": {
  "postinstall": "npm run patch-vue-compiler-sfc",
  "patch-vue-compiler-sfc": "patch --ignore-whitespace -p0 --forward < vue-compiler-sfc.patch || true"
}

使用以下内容创建一个名为 vue-compiler-sfc.patch 的新补丁文件：

--- node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js.orig    2022-08-02 12:54:51
+++ node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js 2022-08-02 16:10:06
@@ -3352,7 +3352,12 @@
     }).program.body;
     ast.forEach(node => {
         if (node.type === 'ExportDefaultDeclaration') {
-            s.overwrite(node.start, node.declaration.start, `const ${as} = `);
+            if (node.declaration.type === 'ClassDeclaration') {
+                s.overwrite(node.start, node.declaration.id.start, `class `)
+                s.append(`\nconst ${as} = ${node.declaration.id.name}`)
+            } else {
+                s.overwrite(node.start, node.declaration.start, `const ${as} = `)
+            }
         }
         if (node.type === 'ExportNamedDeclaration') {
             for (const specifier of node.specifiers) {

现在只需运行npm i 并应用补丁程序，您的项目现在应该消除此错误，即使只是一个临时解决方案。