SvelteKit静态构建模式下直接访问子路由时JavaScript无法执行的问题求助
SvelteKit静态构建模式下直接访问子路由时JavaScript无法执行的问题求助
大家好,我最近在SvelteKit项目里碰到了一个挺棘手的问题,想请各位帮忙看看!
具体情况是这样的:我的项目里有/map、/about这类子路由,当直接刷新或者直接访问这些子路由的时候,页面的HTML和CSS都能正常渲染,但所有的JavaScript代码完全不执行。不过如果我先访问根路由/,再通过页面内的链接或者goto方法跳转到子路由,JS就能正常运行,页面需要的依赖、资源也都能加载到位。
我目前用的是adapter-static静态适配器,但换成adapter-auto之后这个问题依然存在。而且开发环境完全没有这个问题——运行npm run dev的时候,不管直接访问哪个路由都正常;但一旦构建生产版本:
npm run build
然后启动预览服务:
npm run preview
这个问题就会出现。
我的核心需求是:希望用户能直接访问https://www.example.com/map这类子路由,而不需要先进入根路由再跳转,这样页面的JS才能正常执行,加载地图需要的所有依赖和资源,让地图功能正常工作。
有没有朋友遇到过类似的问题?或者能给我一些排查方向?非常感谢!
备注:内容来源于stack exchange,提问作者AtomicElmo
相关产品推荐
相关产品推荐

