在Svelte中保存更改时持续触发控制台错误求助

问题说明 #

每次在全新安装的Svelte项目中保存代码更改，控制台都会弹出错误，错误截图如下：

项目的package.json内容如下：

{
  "name": "my first app",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "devDependencies": {
    "@sveltejs/vite-plugin-svelte": "^2.0.2",
    "svelte": "^3.55.1",
    "vite": "^4.1.0"
  }
}

修复步骤 #

这个报错是@sveltejs/vite-plugin-svelte、svelte和vite三者版本不兼容导致的，按以下操作解决：

• 执行命令升级所有相关依赖到最新兼容版本：

  npm install @sveltejs/vite-plugin-svelte@latest svelte@latest vite@latest --save-dev
  

• 关闭当前运行的开发服务器，重新执行npm run dev启动项目，之后保存代码就不会再出现该错误。

内容的提问来源于stack exchange，提问作者Khan Afzal