標簽[mdxjs] - 堆棧內存溢出

[英]Astrojs: How can I get a component to appear as inline text in an MDX file?

問題：在下面的屏幕截圖中，我希望第一行與第二行完全相同。有沒有辦法在 Astrojs 中做到這一點？這是我在Codesandbox上的完整復制。這是輸出的樣子（見下文）。請注意句號在第一行中的單詞“text”之前有一個空格，而第二行沒有空格。發生這種情況的原因是因為在第一個示例中的 ht ...

next.js 項目中 mdx 文件開頭的自定義組件不遵循縮進

[英]Custom component in starting of mdx file in next js project not following indentation

我有以下版本的 nextjs 項目我有一個 React 組件並在 .mdx 文件中使用它，其中包含一些文本，如下所示 <CustomReactComponent/>, you can....但在 output 中，文本未出現在<p>標記下且未遵循正確的縮進。 ...

docusaurus 在構建后無法找到圖像

[英]docusaurus fails to find images after build

我有一個 Docusauris 站點，在開發模式下運行良好，使用npm run start提供服務。我的文檔頁面（例如docs/GettingStarted.md ）包括如下圖片：使用開發服務器時可以正確顯示。但是，如果我現在運行npm run build和npm run serve ，則找不 ...

警告：頁面“/blog/....”）的數據為 569 kB，超過了 128 kB 的閾值，此數據量會降低性能

[英]Warning: data for page "/blog/....") is 569 kB which exceeds the threshold of 128 kB, this amount of data can reduce performance

在不使用 largePageDataBytes 的 mdx 文件的 nextjs 中，處理“警告：頁面“/blog/....”的數據”的最佳方法是 569 kB，超過了 128 kB 的閾值，這個數據量會降低性能”在 next.config.js 中。我正在為 mdx 文件使用 mdx-bundl ...

在故事書中制作彩色快照文檔選項卡

[英]Make chromatic snapshot docs tab in storybook

我想要實現的目標我正在尋找減少我們在 Chromatic 中快照和測試的故事數量的選項（目前接近 400）。我們將故事書用於我們的設計系統，並使用 Chromatic 進行視覺測試。目前，我們的故事大致結構為每組狀態/組件的主要變體的故事。例如我們的按鈕有：尺碼 - sm、m、l、響應式顏色 ...

忽略 next.config.mjs 的 WebAssembly 指令並出現錯誤

[英]WebAssembly directive ignored for next.config.mjs and getting error

我正在嘗試將我的網站遷移到 mdx2 和 mdx-embed。我遇到了 webpack 無法識別我在next.config.mjs中的 Web 程序集配置的問題。在“紗線構建”期間導入 wasm 文件期間發生此問題。下面是我的遷移分支： https://github.com/hanymorc ...

如何在 React 中動態導入 MDX 組件？

[英]How to dynamically import a MDX Component in React?

我創建了一個 Article 組件，它通過如下路由參數獲取其標題：我想返回一個與提供的標題同名的 MDX 文件。如果我在文章頂部使用import MyMDX from '../markdowns/mymdx.mdx手動導入它，只需返回<MyMDX />組件即可。但是，我看不到動 ...

ArgsTable 故事書 6 MDX

[英]ArgsTable storybook 6 MDX

我試圖在 MDX 文件中插入 ArgsTable，但它沒有顯示表格。這些組件是使用 Litelement 開發的。你是否也遇到過同樣的問題？ ...

創建一個可以再次導入並立即導出組件的文件

[英]Creating a File that Imports & Immediately Exports Components Again

不知道為什么這不起作用。我曾經有現在我想外包 MDXComponents 對象，因為它變得太大了。所以我創建了一個新文件：然后回到文件 1 我做：它不允許我這樣做，但我不知道為什么？ ...

如何在 nextjs 中獲取導出表單 mdx

[英]How to get exports form mdx in nextjs

我的問題 mdx 上的 nextjs 文檔聲明它不支持 frontmatter。相反，建議創建一個常量並將其導出 [1]。但是我似乎無法獲得以這種方式導出的數據。例如使用以下/* -- ./pages/example.mdx -- */ export const meta = { t ...

如何使用 graphql gatsby 中第一個查詢的變量從第二個查詢獲取數據？

[英]How to get data from the second query using a variable from the first query in graphql gatsby?

我正在嘗試渲染目錄中的所有照片，該目錄將在名為 carouselPhotosDir 的 mdx 文件的 frontmatter 中定義。我認為要做到這一點，我需要查詢特定的 mdx 的 carouselPhotosDir frontmatter 字段。然后，將其存儲到一個變量中，然后查詢 al ...

LaTeX 等式后 MDX 中奇怪的純文本重復

[英]Weird plain-text duplication in MDX after LaTeX equation

我正在嘗試將 MDX 與 Next.js 上的 remark-math 和 rehype-katex 插件集成。但是，在我成功添加插件后，等式后面有一個純文本重復。這是 MDX 文件代碼：結果如下：純文本復制我懷疑通過使用 LaTeX 中的對齊環境可以解決問題。但是有沒有更好的解決辦法呢？ ...

.mdx 文件中的 React 組件和數學表達式在 Next.js 應用程序中未正確呈現

[英]React components and math expressions in .mdx file are not rendering correctly in Next.js application

我的自定義 React 組件在導入 .mdx 文件時根本不會被渲染。盡管遵循 Next.js ( https://nextjs.org/docs/advanced-features/using-mdx ) 和 MDX 文檔 ( https://mdxjs.com/guides/math/ ）。 ...

如何將 MDX 與 STRAPI 集成

[英]How can I integrate MDX with STRAPI

我正在創建一個項目，我在其中嘗試將MDX與STRAPI結合使用，但我很困惑。如何以及在何處集成它，因為 MDX 與 .mdx 文件一起使用，但當我使用 strapi 時，它與 API 一起使用誰能指導我扔這個下面是我的 Github 鏈接，其中包含 STRAPI 和 NEXTJS 項目 https ...

在 Next.js 中使用帶有 MDX 的 Remark 和 Rehype 插件（使用 @next/mdx）

[英]Using Remark and Rehype plugins with MDX in Next.js (with @next/mdx)

我試圖使用 Github Flavored Markdown using @next/mdx但我似乎無法弄清楚如何在代碼中使用插件。這是我所做的：（我正在關注 Next.js 文檔： https://nextjs.org/docs/advanced-features/using-mdx ） ...

如何 map frontmatter subitem？

[英]How to map frontmatter subitem?

我想要 map Gatsby 模板中的 frontmatter 子項。信息框有子項，我想要 map 信息框，因為它們會根據文章更改。有些文章可能有 3 個，其他文章可能有 10 個。有些文章會有日期和全名，其他文章會有不同的，例如地址、出生日期等代替我希望信息框在不指定全名、日期、this ...

如何讓 vue-i18n / vue2 與 Storybook mdx 類型的故事一起工作？

[英]How can I make vue-i18n / vue2 work with Storybook mdx type story?

我不能讓它工作很長時間，所以我想把它放在這里，供其他遇到同樣問題的人使用。設置是：根據 i18n 文檔，我更新了我的preview.js文件以包括：然后我為我的組件創建了故事： Avatar.stories.mdx 但這還不夠， $t() function 對我在故事中使用的組件可見，因為 ...

如何在 next.config.js 中導入 remark-gfm？

[英]How to import remark-gfm in next.config.js?

我想在 next.js 和 remark-gfm 插件中使用 MDX。我找到了關於 MDX 的 Next.js Docs並遵循了這個。並添加導入語句。我執行npm run dev ，出現錯誤。 SyntaxError: Cannot use import statement outside ...

Storybook mdx 文件不顯示

[英]Storybook mdx files are not displayed

我使用默認的 Storybook Webpack 配置以及我現有的數據。我在故事側欄中看不到任何 *.mdx 文件。起初我只是用現有 webpack 配置中的規則替換了所有config.module.rules ，我得到了這個錯誤：意外的默認錯誤消息然后我為 *.mdx 文件添加了這個加 ...

如何正確使用 @mdx-js/loader 和 create-react-app？

[英]How to correctly use @mdx-js/loader with create-react-app?

只需按照以下說明操作： https://mdxjs.com/docs/getting-started/#create-react-app-cra 我做了以下事情：然后按照入門指南創建src/content.mdx文件，如下所示：然后像這樣修改src/App.js ：當我運行該應用程序時，我在 ...