如何解决[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_* 中选择适当的阶段。
- 一些论坛建议只分配一种 CSS 资产,从普通 CSS 文件到样式组件,反之亦然,但在尝试了所有方法后,它不起作用。
- 按照
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 举报,一经查实,本站将立刻删除。