博客模板不显示 Markdown 文件

问：

我尝试将博客组件包含到标准材料-ui-shell（npx create-react-app mui-app --template material-ui）中 在家里 .js 但没有看到帖子！相反，我看到

 /static/media/blog-post.1.0c315da1f0a7af641a3a.md/...

纵观全链条：

IM 路由 .js

{path: '/home',exact: true,element: (<AuthorizedRoute><Home /></AuthorizedRoute>),},

在 home中 .js

const HomePage = () => {const intl = useIntl()

return (<Page pageTitle={intl.formatMessage({ id: 'home' })}><Typography> <Blog/></Typography></Page>)}export default HomePage

在 blog.js 中：

import post1 from './blog-post.1.md';import post2 from './blog-post.2.md';import post3 from './blog-post.3.md';

const posts = [post1, post2, post3];

在主 .js 中

function Main(props) {const { posts, title } = props;

return (...{posts.map((post) => (<Markdown className="markdown" key={post.substring(0, 40)}>{post}</Markdown>))}</Grid>);}

在 Markdown.js 中

...export default function Markdown(props) {return <ReactMarkdown options={options} {...props} />;}

发布输出结果：

/static/media/blog-post.1.0c315da1f0a7af641a3a.md/...

我怎样才能解决这个问题

我没有尝试做任何事情，因为我不明白 Markdown 文件的输出路径！