小编und*_*ack的帖子

我正在使用next-mdx-remote在 Next.js 项目中使用 MDX。

我一直在遵循 JetBrains WebStorm指南来构建这个，这里他们使用 bootstrap 作为 CSS，但我选择的 CSS 框架是 tailwind css。

问题是，当我安装 tailwind css 或任何其他基于 tailwind css（如flowbite ）的 CSS 时，MDX 页面会丢失其样式。

添加顺风后我期望得到什么

• tailwind.config.js

module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
};

• _app.tsx

import "../styles/globals.css";
import type { AppProps } from "next/app";
import Head from "next/head";
import Script from "next/script";
import Nav from "../components/Nav";

function MyApp({ Component, pageProps }: AppProps) {
  return ( …