苗条 3 打字稿：意外的标记（解析错误）答案

【问题标题】：svelte 3 typescript: Unexpected tokensvelte(parse-error)苗条 3 打字稿：意外的标记（解析错误）
【发布时间】：2020-09-01 21:33:16
【问题描述】：

我是 svelte 新手，我想通过the official guideline. 使用打字稿来尝试它我已经生成了项目并且没有对我的代码进行任何更改。但是我从 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/*"],
}

【问题讨论】：

标签： typescript svelte-3

【解决方案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

【讨论】：

感谢您的回答。我确实有 2 个 svelte 扩展（虽然都是 svelte.svelte.###）。我刚刚删除了它们并从市场重新安装了最新的扩展。但我仍然遇到同样的错误
您是否从 . vscode?
这对我有用。我需要删除非官方扩展；删除了.vscode/extensions下的jamesbirtles.svelte-vscode-###文件夹。
或者，在您的终端上运行它并重新启动 vs code code --uninstall-extension JamesBirtles.svelte-vscode