Material-ui: Markdown no exemplo de layout do blog não funciona

Criado em 3 nov. 2018  ·  3Comentários  ·  Fonte: mui-org/material-ui

Colei os arquivos da página de exemplo do blog, mas os arquivos .md não carregam na tela.

Veja como me parece.

O que estou fazendo errado?

Alguém sabe como me ajudar?

Muito obrigado.
Marco

image

question

Comentários muito úteis

@Marcosul Parece que o create- https://github.com/facebook/create-react-app/issues/3722. Posso pensar em duas soluções alternativas:

  • Você pode converter o arquivo de redução em um módulo JavaScript que exporta a redução como uma 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`.
+`;
  • Você pode ejetar e adicionar este carregador de webpack.

Todos 3 comentários

@Marcosul Seu bundler está tendo problemas para carregar o conteúdo do markdown, ele para no nome do arquivo:

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

Se você estiver usando o webpack, você pode configurar o raw-loader para lidar com a extensão de redução ( .md ).

Olá Oliver, Não estou usando o webpack. Eu usei o react-create-app de
o repositório do mui wue não tem o webpack. como eu faço?

obrigado

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

@Marcosul https://github.com/Marcosul Seu bundler está tendo problemas
carregando o conteúdo do markdown, ele para no nome do arquivo:

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

Se você estiver usando o webpack, você pode configurar o carregador bruto
https://github.com/webpack-contrib/raw-loader para lidar com a redução
extensão (.md).

-
Você está recebendo isso porque foi mencionado.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/mui-org/material-ui/issues/13501#issuecomment-435661845 ,
ou silenciar o tópico
https://github.com/notifications/unsubscribe-auth/AEfuIsetDNby_ZrJfYIS-kyA1aIa2nqIks5urs_4gaJpZM4YNAFA
.

@Marcosul Parece que o create- https://github.com/facebook/create-react-app/issues/3722. Posso pensar em duas soluções alternativas:

  • Você pode converter o arquivo de redução em um módulo JavaScript que exporta a redução como uma 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`.
+`;
  • Você pode ejetar e adicionar este carregador de webpack.
Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

reflog picture reflog  ·  3Comentários

anthony-dandrea picture anthony-dandrea  ·  3Comentários

ryanflorence picture ryanflorence  ·  3Comentários

revskill10 picture revskill10  ·  3Comentários

rbozan picture rbozan  ·  3Comentários