无法通过html访问css文件
Lay*_*kie 2 html css svelte tailwind-css
我正在尝试从 app.html 访问 main.css 以使 Tailwind CSS 工作，因为如果我将它放在 .svelte 文件自身的样式括号中，那么它只会给我一个错误，任何人都知道为什么
<link rel="stylesheet" href="./routes/main.css">
不起作用？
我尝试在其中访问 CSS 的 HTML
<head>
<meta charset="utf-8" />
<link rel="icon" href="/favicon.png" />
<link rel="stylesheet" href="./routes/main.css">
<meta name="viewport" content="width=device-width, initial-scale=1" />
%svelte.head%
</head>
CSS 文件（如果需要对其执行任何操作）
<link rel="stylesheet" href="./routes/main.css">
只有里面的文件static才能在app.html. 如果您将文件移动到那里，就可以找到它。然而，在你的情况下，这可能不起作用，因为 CSS 文件不是最终的（TailwindCSS 可能需要先处理它），而且里面的东西static是静态的。要解决您的特定问题，请将 css 文件导入您的index.svelte或 main的 script 标签内__layout.svelte：
<script>
import './path/to/your/main.css';
</script>
本文很好地概述了如何设置 TailwindCSS 和 SvelteKit：https://codechips.me/tailwindcss-sveltekit-the-easy-way/