Material-ui: Markdown in Blog Layout Example dont work

[Marcosul]

I've pasted the files from the blog example page but the .md files do not load on the screen.

See how it appears to me.

What am I doing wrong?

Does anyone know how to help me?

Thank you very much.
Marco

[oliviertassinari]

@Marcosul Your bundler is having issues loading the content of the markdown, it stops at the filename:

https://github.com/mui-org/material-ui/blob/7e32503b40a57f42f906add50a2ace9341aa0895/docs/src/pages/page-layout-examples/blog/Blog.js#L17-L20

If you are using webpack, you can configure the raw-loader to handle the markdown extension (.md).

[Marcosul]

Hello Oliver, I'm not using the webpack. I used the react-create-app from
the repository of the mui wue does not have the webpack. how do I do?

Thanks

Em Dom, 4 de nov de 2018 09:31, Olivier Tassinari [e-mail]
escreveu:

@Marcosul https://github.com/Marcosul Your bundler is having issues
loading the content of the markdown, it stops at the filename:

https://github.com/mui-org/material-ui/blob/7e32503b40a57f42f906add50a2ace9341aa0895/docs/src/pages/page-layout-examples/blog/Blog.js#L17-L20

If you are using webpack, you can configure the raw-loader
https://github.com/webpack-contrib/raw-loader to handle the markdown
extension (.md).

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/mui-org/material-ui/issues/13501#issuecomment-435661845,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AEfuIsetDNby_ZrJfYIS-kyA1aIa2nqIks5urs_4gaJpZM4YNAFA
.

[oliviertassinari]

@Marcosul It seems create-react-app doesn't support the markdown format: https://github.com/facebook/create-react-app/issues/3722. I can think of two workarounds:

• You can convert the markdown file into a JavaScript module that exports the markdown as a string.

--- a/blog-post.md
+++ b/blog-post.md.js
-## Sample blog post

-#### April 1, 2020 by Olivier

-This blog post shows a few different types of content that are supported and styled with
-Material styles. Basic typography, images, and code are all supported.
-You can extend these by modifying `Markdown.js`.
+export default `
+## Sample blog post

+#### April 1, 2020 by Olivier

+This blog post shows a few different types of content that are supported and styled with
+Material styles. Basic typography, images, and code are all supported.
+You can extend these by modifying `Markdown.js`.
+`;

• You can eject and add this webpack loader.