SvelteKit本地开发时请求.svelte-kit/generated/client/app.js返回404的问题求助
SvelteKit本地开发时请求.svelte-kit/generated/client/app.js返回404的问题求助
各位大佬好,我最近在学习SvelteKit,正在维护一个已有的项目,但本地开发模式运行时遇到了一个头疼的问题,想请教大家有没有解决方案。
具体情况是这样的:
- 我用
vite dev启动本地开发服务后,访问页面时浏览器会发起一个GET请求获取.svelte-kit/generated/client/app.js,但这个请求返回了404 Not found错误 - 页面虽然能渲染出来,但完全处于冻结状态,没法进行任何交互
我排查后发现核心问题:应用请求这个文件时用了我本地机器的绝对路径,拼成了localhost:5173/@fs/home/<myuser>/<myprojectfolder>/.svelte-kit/generated/client/app.js,而正确的路径应该是localhost:5173/.svelte-kit/generated/client/app.js——我直接访问正确路径的话,文件是能正常加载的。
对应的错误日志如下:
Error: Not found: /@fs/home/<myuser>/<myprojectfolder>/.svelte-kit/generated/client/app.js at resolve (/home/<myuser>/<myprojectfolder>/node_modules/@sveltejs/kit/src/runtime/server/respond.js:473:13) at resolve (/home/<myuser>/<myprojectfolder>/node_modules/@sveltejs/kit/src/runtime/server/respond.js:282:5) at #options.hooks.handle (/home/<myuser>/<myprojectfolder>/node_modules/@sveltejs/kit/src/runtime/server/index.js:56:56) at Module.respond (/home/<myuser>/<myprojectfolder>/node_modules/@sveltejs/kit/src/runtime/server/respond.js:279:40) at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
奇怪的是,当我执行vite build构建项目,再用vite preview启动预览服务时,整个应用完全正常,没有出现任何问题。
下面是我的相关配置文件:
svelte.config.js
import { vitePreprocess } from '@sveltejs/kit/vite'; import adapter from '@sveltejs/adapter-node'; export default { preprocess: [vitePreprocess()], kit: { adapter: adapter(), csrf: { checkOrigin: false, } } };
vite.config.js
import { sveltekit } from '@sveltejs/kit/vite'; import { defineConfig } from 'vite'; export default defineConfig({ plugins: [sveltekit()] });
package.json 依赖部分
"devDependencies": { "@sveltejs/adapter-auto": "^2.0.0", "@sveltejs/kit": "^1.5.0", "svelte": "^3.54.0", "vite": "^4.0.0" }, "type": "module", "dependencies": { "@sveltejs/adapter-node": "^1.2.3", "bootstrap": "^5.2.3", "chart.js": "^4.2.1", "chartjs-adapter-date-fns": "^3.0.0", "date-fns": "^2.29.3", "form-data": "^4.0.0", "formdata-node": "^5.0.0", "mongodb": "^5.1.0", "node-fetch": "^3.3.1", "svelte-chartjs": "^3.1.2" }
我已经尝试过删除node_modules和.svelte-kit目录,重新执行npm install,但问题依然存在。
真心希望大家能给我一些排查方向或解决方案,谢谢各位!
备注:内容来源于stack exchange,提问作者klas
相关产品推荐
相关产品推荐

