svelte 3 typescript: Unexpected tokensvelte(parse-error)

Question

我是苗条的新手，我想按照官方指南尝试使用打字稿。我已经生成了项目并且没有对我的代码做任何更改。但是我从 vscode 编辑器（生成的文件 App.svelte）收到（linting？）错误：

任何帮助将不胜感激。

• vscode：版本：1.47.3，
• vscode svelte（官方扩展）：v101.4.0
• 节点：v12.14.0

package.json （部分的）：

"devDependencies": {
    "@rollup/plugin-commonjs": "^12.0.0",
    "@rollup/plugin-node-resolve": "^8.0.0",
    "rollup": "^2.3.4",
    "rollup-plugin-livereload": "^1.0.0",
    "rollup-plugin-svelte": "^5.0.3",
    "rollup-plugin-terser": "^5.1.2",
    "svelte": "^3.0.0",
    "svelte-check": "^0.1.0",
    "svelte-preprocess": "^4.0.0",
    "@rollup/plugin-typescript": "^4.0.0",
    "typescript": "^3.9.3",
    "tslib": "^2.0.0",
    "@tsconfig/svelte": "^1.0.0"
  },
  "dependencies": {
    "sirv-cli": "^1.0.0"
  }

tsconfig.json：

{
  "extends": "@tsconfig/svelte/tsconfig.json",

  "include": ["src/**/*"],
  "exclude": ["node_modules/*", "__sapper__/*", "public/*"],
}

Answer 1

如果您以前使用过旧的 svelte 扩展

这个错误很可能是由于旧的、非官方的 svelte vscode 扩展和新的官方扩展之间的冲突。由于旧的扩展已从市场中删除，它不再出现在您的扩展列表中，但它仍然可以存在于您的硬盘上。

转到位于 PC 上的扩展文件夹

• Windows（PowerShell） ~\.vscode\extensions
• macOS / Linux ~/.vscode/extensions
• Linux 如果使用 WSL ~/.vscode-server/extensions/

并检查您是否安装了两个 svelte 扩展，如果是，

• 删除的jamesbirtles.svelte-vscode-(version)文件夹

• 保留的svelte.svelte-vscode-(version)文件夹

然后重启VScode