Nextjs+Tailwind搭配使用的最佳实践启动报错

[xggz]

Is there an existing issue for this?

• [X] I have searched the existing issues

Which Component

SemiWebpackPlugin

Semi Version

2.63.1

Current Behavior

我使用的Nextjs14，然后集成了semi、tailwind，看文档https://semi.design/zh-CN/start/tailwind的步骤开启@douyinfe/semi-webpack-plugin插件，然后next dev报错： TypeError: SemiWebpackPlugin is not a constructor

Expected Behavior

No response

Steps To Reproduce

No response

ReproducibleCode

import SemiWebpackPlugin from "@douyinfe/semi-webpack-plugin";

/** @type {import('next').NextConfig} */
const nextConfig = {
    transpilePackages: ['@douyinfe/semi-ui', '@douyinfe/semi-icons', '@douyinfe/semi-illustrations'],
    swcMinify: true,
    // fastRefresh: true,
    // concurrentFeatures: true,
    webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
        config.plugins.push(new SemiWebpackPlugin({
            cssLayer: true
        }));
        return config
    },
};

export default nextConfig;

Environment

- OS: macos
- browser:

Anything else?

No response

[pointhalo]

Next有自己特殊工程化构建体系。不适用普通webpack插件。 我们目前提供的 layer能力只覆盖普通 webpack 、rspack 项目。

[xggz]

Next有自己特殊工程化构建体系。不适用普通webpack插件。 我们目前提供的 layer能力只覆盖普通 webpack 、rspack 项目。

不用SemiWebpackPlugin插件的话，大佬有其它临时解决方案吗，现在给semi组件加tailwind的className不生效，会被semi组件的样式覆盖掉。

[pointhalo]

你去掉 tailwind自己的 prelight就行