typescript - slim 的 3 typescript : Unexpected tokensvelte(parse-error)

Question

我是 svelte 的新手，我想按照 the official guideline. 尝试使用 typescript 我已经生成了项目并且没有对我的代码进行任何更改。但是我从 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