svelte 3打字稿:意外令牌svelte(解析错误)

时间:2020-07-28 00:42:27

标签: typescript svelte-3

我是新手,我想通过遵循the official guideline.来使用打字稿进行尝试,我已经生成了该项目,并且未对我的代码进行任何更改。但是我从vscode编辑器(生成的文件App.svelte)中收到(掉毛?)错误:

enter image description here

任何帮助将不胜感激。

  • 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/*"],
}

1 个答案:

答案 0 :(得分:6)

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

此错误可能是由于旧的非官方的苗条vscode扩展名与新的正式的vscode扩展名之间存在冲突。由于较旧的扩展程序已从市场上删除,因此在扩展程序列表中不再可见,但是仍可以在硬盘上找到它。

转到PC上的扩展程序文件夹

  • Windows(powershell)~\.vscode\extensions
  • macOS / Linux ~/.vscode/extensions
  • Linux(如果使用WSL ~/.vscode-server/extensions/

然后检查是否安装了两个苗条的扩展程序,

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

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

然后重新启动VScode