SvelteKit/Vite项目中npm run dev命令无法运行求助

问题重现 #

执行npm run dev时出现以下错误：

> my-app@0.0.1 dev
> vite dev

failed to load config from /home/believe/Documents/my-app/vite.config.js
error when starting dev server:
Error [ERR_MODULE_NOT_FOUND]: Cannot find package '@sveltejs/kit' imported from /home/believe/Documents/my-app/vite.config.js.timestamp-1659118538332.mjs
    at new NodeError (node:internal/errors:363:5)
    at packageResolve (node:internal/modules/esm/resolve:698:9)
    at moduleResolve (node:internal/modules/esm/resolve:739:18)
    at Loader.defaultResolve [as _resolve] (node:internal/modules/esm/resolve:853:11)
    at Loader.resolve (node:internal/modules/esm/loader:89:40)
    at Loader.getModuleJob (node:internal/modules/esm/loader:242:28)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:73:40)
    at link (node:internal/modules/esm/module_job:72:36)

解决步骤 #

1. 重新安装项目依赖 #

依赖未完整安装是最常见的诱因：

• 删除项目根目录下的node_modules文件夹和package-lock.json（若用Yarn则删除yarn.lock）
• 执行npm install重新拉取所有依赖
• 再次运行npm run dev

2. 修正Vite配置文件的导入路径 #

打开vite.config.js，确认SvelteKit插件的导入路径是否正确。正确的配置格式应为：

import { sveltekit } from '@sveltejs/kit/vite';

export default {
  plugins: [sveltekit()]
};

若配置中直接导入@sveltejs/kit而非@sveltejs/kit/vite，会触发找不到包的错误，修正路径即可。

3. 检查Node.js版本兼容性 #

SvelteKit要求Node.js版本不低于16.x，执行node -v查看当前版本，若版本过低，升级到16.x或更高版本后，重新安装依赖并启动开发服务器。

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