Vercel部署SvelteKit项目时src路径不识别问题求助

方案1：把脚本放到static目录（最直接） #

SvelteKit规定静态资源必须放在项目根目录的static文件夹下，部署后Vercel才会正确托管这些文件：

• 在项目根目录新建static/js文件夹，把dataReader.js移进去
• 修改app.html里的引入代码为：

<script type="module" src="/js/dataReader.js"></script>

注意路径开头的斜杠，确保是绝对路径，避免部署后路径解析错误。

方案2：用SvelteKit的$lib模块导入（更符合项目规范） #

如果你的dataReader.js是模块化代码，可以把它整合到SvelteKit的模块系统里：

• 把dataReader.js移动到src/lib/js/目录下
• 在app.html里改成模块导入的方式：

<script type="module">
  import '$lib/js/dataReader.js';
</script>

这样SvelteKit会在构建时把这个脚本打包到项目中，不会出现404问题，也更符合SvelteKit的项目结构规范。

方案3：检查Vercel路由配置 #

如果项目里有vercel.json文件，确认里面的路由规则没有拦截/js/*这类静态资源请求。默认情况下Vercel会正确处理SvelteKit的静态资源，所以如果没有自定义路由规则，这个步骤可以跳过。

问题原因 #

本地运行时，项目根目录下的文件可以被直接访问，但Vercel部署SvelteKit时，只有static目录下的文件会被当作静态资源对外暴露，其他目录的文件会被构建工具处理或隐藏，所以原来的路径在部署后找不到对应的文件。

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