Material MUI博客模板使用examples/vite加载空白页面

Question

这是我的 github 存储库，有问题。我使用 viteJS 加载了 material mui 示例，并尝试按照博客模板 README.md 的说明进行操作

1. 将文件复制到您的项目或示例项目之一中。
2. 确保您的项目具有所需的依赖项：@mui/material、@mui/icons-material、@emotion/styled、@emotion/react、markdown-to-jsx。
3. 导入并使用博客组件。

我知道我搞砸了尝试遵循 README.md 文件的过程，但我不知道如何“将文件复制到其中一个示例中”我该如何将博客模板复制到正在运行的 vite 示例中？另外你怎么做步骤#3

我基本上复制并粘贴了博客 src 目录中的每个文件，使用 .jsx 扩展名创建它们，然后编辑 index.html 以指向 Blog.jsx。然后，当我收到有关 .md 文件的错误时，我在 vite.config.js 中添加了 assetInclude 语句 当我在开发人员工具中查看页面时，控制台中没有错误，只有正文和根 div 显示在屏幕上，src/Blog.jsx 不会在屏幕上显示任何元素

Answer 1

一旦我意识到自己的错误，我就完成了大部分工作。第 3 步是在 main.jsx 中用博客替换应用程序组件，进行一些其他小的调整，我加载了博客，唯一的问题是 blogs.md 没有加载，它们只是显示为导入

const posts = [post1, post2, post3];