reactjs - next.js 包分析器不会创建页面来查看包

Question

我试图通过使用 https://www.npmjs.com/package/@next/bundle-analyzer 来减小我网站的包大小
目前，当我运行 npm analyze和

"analyze": "cross-env ANALYZE=true next build",

它不输出具有所需可视化效果的 html 文件。
这是我的 next.config.js

const withPWA = require('next-pwa')
const runtimeCaching = require('next-pwa/cache')


const withBundleAnalyzer = require('@next/bundle-analyzer')({
    enabled: process.env.ANALYZE === 'true',
  })

module.exports = withPWA({
  pwa: {
    dest: 'public',
    runtimeCaching,
  },
  poweredByHeader: false,
},
withBundleAnalyzer(),

)

使用此 nextjs-analyze-app-bundle tutorial .
出了什么问题？

Answer 1

看起来已经回答了 on Vercel's issues board .在此处复制他们的解决方案:

These plugins are functions that enhance the configuration object, soyou have to wrap them instead of providing them as arguments:

const withPWA = require('next-pwa')
const runtimeCaching = require('next-pwa/cache')


const withBundleAnalyzer = require('@next/bundle-analyzer')({
    enabled: process.env.ANALYZE === 'true',
});

module.exports = withBundleAnalyzer(withPWA({
    pwa: {
        dest: 'public',
        runtimeCaching,
    },
    poweredByHeader: false,
}));