問題タブ [mdxjs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - mdx-js/react を使用して Next.js で MDX を読み込もうとすると、TypeError が発生します
前提と私が達成したいこと。
この質問は Deepl Translations によって翻訳されていることに注意してください。
Next.js で mdx-js/react を使用して mdx ファイルをロードしたいと考えています。
環境。
OS : macOS ビッグサー
ノード: 16.3
反応: 17.0.2
次 : 12.0.7
パッケージにはnpmを使用しています。また、Docker は使用しません。
構成
パッケージ.json
next.config.js
コード
_app.tsx
サンプル.tsx
エラーの説明
私が試したこと
- エラーメッセージで確認
- ライブラリを再インストールする
- 新しいプロジェクトでテストする
markdown - MDX URL から md をロード
現在、コア プロジェクトから分離されたドキュメンテーション プロジェクトを使用するように移行しています。アイデアは、コア プロジェクトで現在の MD ドキュメントを使用し、URL によって MDX ファイル内の MD をロードすることにより、ドキュメント プロジェクトのドキュメントにアクセスすることです。importステートメントと同様のものを使用することで可能ですか?
javascript - create-react-app で @mdx-js/loader を正しく使用するには?
https://mdxjs.com/docs/getting-started/#create-react-app-craの指示に従うだけです。
私は次のことをしました:
次に、入門ガイドに従って、src/content.mdx
次のようにファイルを作成しました。
次にsrc/App.js
、次のように変更します。
アプリを実行すると、コンソールに次のエラーが表示されます。
私は何が欠けていますか?
webpack loader または babel が適切に起動していないようです...よくわかりません。