Material-ui: Markdown im Blog-Layout-Beispiel funktioniert nicht

Erstellt am 3. Nov. 2018  ·  3Kommentare  ·  Quelle: mui-org/material-ui

Ich habe die Dateien von der Blog-Beispielseite eingefügt, aber die MD-Dateien werden nicht auf dem Bildschirm geladen.

Sehen Sie, wie es mir erscheint.

Was mache ich falsch?

Weiß jemand, wie er mir helfen kann?

Vielen Dank.
Marco

image

question

Hilfreichster Kommentar

@Marcosul Es scheint, dass die https://github.com/facebook/create-react-app/issues/3722. Ich kann mir zwei Problemumgehungen vorstellen:

  • Sie können die Markdown-Datei in ein JavaScript-Modul konvertieren, das den Markdown als Zeichenfolge exportiert.
--- 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`.
+`;
  • Sie können diesen Webpack-Loader auswerfen und hinzufügen.

Alle 3 Kommentare

@Marcosul Ihr

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

Wenn Sie Webpack verwenden, können Sie raw-loader für die Markdown-Erweiterung ( .md ) konfigurieren.

Hallo Oliver, ich benutze das Webpack nicht. Ich habe die React-Create-App von verwendet
das repository des mui wue hat das webpack nicht. Wie mache ich?

Vielen Dank

Em Dom, 4. November 2018, 09:31 Uhr, Olivier Tassinari [email protected]
escreveu:

@Marcosul https://github.com/Marcosul Ihr Bundler hat Probleme
Beim Laden des Inhalts des Markdowns wird der Dateiname angehalten:

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

Wenn Sie Webpack verwenden, können Sie den Raw-Loader konfigurieren
https://github.com/webpack-contrib/raw-loader , um den Abschlag zu behandeln
Erweiterung (.md).

- -
Sie erhalten dies, weil Sie erwähnt wurden.
Antworte direkt auf diese E-Mail und sieh sie dir auf GitHub an
https://github.com/mui-org/material-ui/issues/13501#issuecomment-435661845 ,
oder schalten Sie den Thread stumm
https://github.com/notifications/unsubscribe-auth/AEfuIsetDNby_ZrJfYIS-kyA1aIa2nqIks5urs_4gaJpZM4YNAFA
.

@Marcosul Es scheint, dass die https://github.com/facebook/create-react-app/issues/3722. Ich kann mir zwei Problemumgehungen vorstellen:

  • Sie können die Markdown-Datei in ein JavaScript-Modul konvertieren, das den Markdown als Zeichenfolge exportiert.
--- 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`.
+`;
  • Sie können diesen Webpack-Loader auswerfen und hinzufügen.
War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

finaiized picture finaiized  ·  3Kommentare

ryanflorence picture ryanflorence  ·  3Kommentare

chris-hinds picture chris-hinds  ·  3Kommentare

sys13 picture sys13  ·  3Kommentare

iamzhouyi picture iamzhouyi  ·  3Kommentare