时间戳

首页 > 解决方案 > github页面无法使用sveltekit找到css

github-pages - github页面无法使用sveltekit找到css

问题描述

我在 norricorp.github.io/sveltekit 有一个 github pages 静态网站。该站点的根是 sveltekit。（我在 norricorp.github.io 也有一个不相关的网站）。该站点是使用 sveltekit 构建的。

进入网站，我在控制台中收到以下错误。

Loading module from “https://norricorp.github.io/sveltekit/_app/start-248e1695.js” was blocked because of a disallowed MIME type (“text/html”).

如果我使用导航（按预期进行），我会收到以下错误

GEThttps://norricorp.github.io/sveltekit/_app/assets/start-a8cd1609.css
[HTTP/2 404 Not Found 15ms]

更像这样

Loading module from “https://norricorp.github.io/sveltekit/_app/start-248e1695.js” was blocked because of a disallowed MIME type (“text/html”).   about

我怀疑问题出在 svelte.config.js 文件中

kit: {
        target: '#svelte',
        paths: {
            base: '/sveltekit',
            assets: '/sveltekit'
        },      
        adapter: adapter({
            pages: 'build',  // path to public directory
            assets: 'build',  // path to public directory
            fallback: null
        })
    }

最初，路径设置为“/”或“./”，这导致导航使用 norricorp.github.io/about（不存在）或 norricorp.github.io/sveltekit/about/about（再次相同）。但是导航现在可以使用上述值但没有格式。

生成的 index.html 文件位于 gh-pages 分支的 repo 中。这看起来是正确的。

<link rel="modulepreload" href="/sveltekit/_app/start-248e1695.js">
<link rel="modulepreload" href="/sveltekit/_app/chunks/vendor-111805ed.js">
<link rel="modulepreload" href="/sveltekit/_app/chunks/paths-45dac81d.js">
<link rel="modulepreload" href="/sveltekit/_app/pages/__layout.svelte-1d5e7523.js">
<link rel="modulepreload" href="/sveltekit/_app/pages/index.svelte-fdf5a78d.js">
<link rel="stylesheet" href="/sveltekit/_app/assets/start-a8cd1609.css">
<link rel="stylesheet" href="/sveltekit/_app/assets/pages/__layout.svelte-8ddef586.css">

我已经清除了浏览器缓存。我还在另一个帐户下创建了另一个 github pages 项目，因此它是一个顶级域。结果相同。

所以浏览器正在寻找正确的位置，文件在 github repo 的正确分支中，但浏览器没有找到它们。github页面不服务这些吗？

标签： github-pagessveltekit

解决方案

我删除了 .nojekyll 文件并忘记替换它.....

推荐阅读