微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

[DEP_WEBPACK_SINGLE_ENTRY_PLUGIN] 和 [DEP_WEBPACK_COMPILATION_ASSETS] 警告与什么有关?

如何解决[DEP_WEBPACK_SINGLE_ENTRY_PLUGIN] 和 [DEP_WEBPACK_COMPILATION_ASSETS] 警告与什么有关?

我想为我的 Next.js 应用运行构建,但在升级到 Next 11 后,我收到以下警告:

(节点:32539)[DEP_WEBPACK_SINGLE_ENTRY_PLUGIN] 弃用警告: SingleEntryPlugin 重命名为 EntryPlugin(使用 node --trace-deprecation ... 显示警告的创建位置)从 exportPathMap 定义路由(节点:32539) [DEP_WEBPACK_COMPILATION_ASSETS] 弃用警告: Compilation.assets 将来会被冻结,所有修改都是 已弃用。突破性变化:不应再发生任何变化 Compilation.assets 密封 Compilation 后。 尽早更改资产,例如。 G。在 Compilation.hooks.processAssets 中。 确保从 Compilation.PROCESS_ASSETS_STAGE_* 中选择适当的阶段。

  1. 一些论坛建议只分配一种 CSS 资产,从普通 CSS 文件到样式组件,反之亦然,但在尝试了所有方法后,它不起作用。
  2. 按照 node --trace-deprecation node_modules/webpack/bin/webpack.js 建议后控制台说

'mode' 选项尚未设置,webpack 将回退到 '生产'

从我的 next.config.js 中,我假设我有一个用于开发但没有用于生产的模式:

webpack(config,{ webpack,dev,isServer }) {
    config.plugins.push(
        new webpack.ProvidePlugin({
            React: 'react',}),);
    // use esbuild in dev for faster HMR
    if (dev) {
         esbuildLoader(config,{
             loader: 'jsx',target: 'es2017',});
         // config.optimization.minimizer.shift()
    }

    // audio support
    config.module.rules.push({
        test: /\.(ogg|mp3|wav|mpe?g)$/i,exclude: config.exclude,use: [
            {
                loader: require.resolve('url-loader'),options: {
                    limit: config.inlineImageLimit,fallback: require.resolve('file-loader'),publicPath: `${config.assetPrefix}/_next/static/images/`,outputPath: `${isServer ? '../' : ''}static/images/`,name: '[name]-[hash].[ext]',esModule: config.esModule || false,},],});

    config.module.rules.push({
        test: /\.(glsl|vs|fs|vert|frag|svg)$/,exclude: /node_modules/,use: ['raw-loader','glslify-loader'],});

    return config;
}

我错过了什么?任何帮助将不胜感激:)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。