Material-ui: Markdown dans l'exemple de mise en page de blog ne fonctionne pas

Créé le 3 nov. 2018  ·  3Commentaires  ·  Source: mui-org/material-ui

J'ai collé les fichiers de la page d'exemple du blog, mais les fichiers .md ne se chargent pas à l'écran.

Voyez comment cela me paraît.

Qu'est-ce que je fais mal?

Est-ce que quelqu'un sait comment m'aider?

Merci beaucoup.
Marco

image

question

Commentaire le plus utile

@Marcosul Il semble que create- prenne pas en charge le format markdown: https://github.com/facebook/create-react-app/issues/3722. Je peux penser à deux solutions de contournement:

  • Vous pouvez convertir le fichier markdown en un module JavaScript qui exporte le markdown sous forme de chaîne.
--- 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`.
+`;
  • Vous pouvez éjecter et ajouter ce chargeur Webpack.

Tous les 3 commentaires

@Marcosul Votre bundler a des problèmes pour charger le contenu du markdown, il s'arrête au nom du fichier:

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

Si vous utilisez webpack, vous pouvez configurer le raw-loader pour gérer l'extension markdown ( .md ).

Bonjour Oliver, je n'utilise pas le webpack. J'ai utilisé l'application react-create-app de
le référentiel du mui wue n'a pas le webpack. Comment fais-je?

Merci

Em Dom, 4 novembre 2018 09:31, Olivier Tassinari [email protected]
escreveu:

@Marcosul https://github.com/Marcosul Votre bundler rencontre des problèmes
chargeant le contenu du markdown, il s'arrête au nom du fichier:

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

Si vous utilisez webpack, vous pouvez configurer le chargeur brut
https://github.com/webpack-contrib/raw-loader pour gérer la démarque
extension (.md).

-
Vous recevez cela parce que vous avez été mentionné.
Répondez directement à cet e-mail, affichez-le sur GitHub
https://github.com/mui-org/material-ui/issues/13501#issuecomment-435661845 ,
ou couper le fil
https://github.com/notifications/unsubscribe-auth/AEfuIsetDNby_ZrJfYIS-kyA1aIa2nqIks5urs_4gaJpZM4YNAFA
.

@Marcosul Il semble que create- prenne pas en charge le format markdown: https://github.com/facebook/create-react-app/issues/3722. Je peux penser à deux solutions de contournement:

  • Vous pouvez convertir le fichier markdown en un module JavaScript qui exporte le markdown sous forme de chaîne.
--- 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`.
+`;
  • Vous pouvez éjecter et ajouter ce chargeur Webpack.
Cette page vous a été utile?
0 / 5 - 0 notes