如何配置nextjs 9和ant设计较少的兼容性？

升级之后react，react-dom和nextjs这个错误发生的情况：

发生构建错误/home/lenovo/.../node_modules/antd/lib/style/index.css:7 body {^

语法错误：意外令牌{位于Module._compile（internal / modules / cjs / loader.js：720：22）

在Object.Module._extensions..js（internal / modules / cjs / loader.js：788：10）在Module.load（internal / modules / cjs / loader.js：643：32）{type：'SyntaxError'， '$ error'：'$ error'} events.js：180 throw er; //未处理的'错误'事件^错误：在processTicksAndRejections（内部/进程/task_queues.js:77:11）上写入EPIPE ...在'内部'/child_process.js:810:39在processTicksAndRejections（ internal / process / task_queues.js：75：11）{errno：'EPIPE'，代码：'EPIPE'，syscall：'write'}错误命令失败，退出代码为1。info访问https://yarnpkg.com/en / docs / cli / run有关此命令的文档。

这是我的next.config.js：

const nextConfig = {
    distDir: '_next',

    onDemandEntries: {
        maxInactiveAge: 1000 * 60 * 60,
        pagesBufferLength: 5,
    },

    webpack: (config, { dev }) => {
        !dev &&
        config.plugins.push(
            new BrotliPlugin({
                asset: '[path].br[query]',
                test: /\.js$|\.css$|\.html$/,
                threshold: 10240,
                minRatio: 0.7,
            }),
        );

        !dev &&
        config.plugins.push(
            new CompressionPlugin({
                filename: '[path].gz[query]',
                algorithm: 'gzip',
                test: /\.js$|\.css$|\.html$/,
                threshold: 10240,
                minRatio: 0.7,
            }),
        );
        return config;
    },
};

module.exports = withPlugins(
    [
        [withImages],
        [withCss],
        [
            withSass,
            {
                cssModules: true,
                cssLoaderOptions: {
                    localIdentName: '[path]___[local]___[hash:base64:5]',
                },
            },
        ],
        [withBundleAnalyzer],
    ],
    nextConfig,
);

你知道这有什么问题吗？

编辑

似乎蚂蚁设计存在兼容性问题，但我找到了一些资源，但没有得到！