说明

在我的'index.astro'中，我试图在'Card.astro'中设置到另一个页面的链接，当我试图导航到不同的页面时，该页面将只显示源代码。

<Card
        href="src/pages/getting-in-shape.astro"
        title="Documentation"
        body="Learn how Astro works and explore the official API docs."
      />

字符串

复制步骤

从我的github repo获取开发环境。打开项目，在终端运行“npm run dev”打开本地主机链接，然后点击第一张标题为“Documentation”的卡片。对我来说，这只会导致页面的源代码。

预期行为

我期望这将打开页面，编译内容，并允许用户导航到不同的页面。

实际行为

实际发生的情况是，页面按预期进行路由，但页面只显示源代码。如果你检查代码（Ctrl + Shift + I），你可以看到屏幕上的所有这些相同的代码，但没有一个是你期望的格式。样式表也未检测到。这几乎就像我已经格式化了所有的astro使用，但没有使用它。

错误消息

没有错误显示，没有任何问题，在我的VsCode检测。这几乎就像我做了一个人，使我的代码和Web浏览器中发生的事情之间的脱节。

环境

***操作系统：**Windows 10版本22H2（OS Build 19045.3208）
***编程语言和工具：**我正在使用JavaScript，Node.js（v19.9.0），HTML，CSS，Markdown
***框架、库、预处理器：**Astro和SCSS
***依赖管理器：**节点包管理器
硬件信息：

• 处理器AMD锐龙5 3500U与Radeon Vega移动的Gfx 2.10 * * GHz
• 安装RAM 8.00 GB（5.94 GB可用）
• 系统类型64位操作系统，基于x64的处理器