在 Chrome 扩展上渲染 Next.js 页面

Question

问题：页面路由未在 chrome 扩展上呈现。尝试使用 next.js 创建一个 chrome 开发工具， index.html 呈现，但是当我们单击一条路线时，我收到一条错误消息，指出找不到该文件。检查时，文件路径中没有加载数据。但是，在源代码中它已经被构建。

由于 next.config.js 中的 exportPathMap，我期待多个 html 文件（index.html、searchobj.html），但只有主 index.html 文件被导出到“扩展”。以前，当我运行命令“next build && next export -o extension”时，它创建了单独的 html 文件，但现在我运行这个新命令，它只导出 index.html

我认为导出命令需要修改，因为它没有导出所有的 html 文件

这是我的 package.json 文件中的构建脚本

    "build": "next build && next export && mv out/_next out/next && sed -i '' -e 's/\\/_next/\\.\\/next/g' out/**.html && mv out/index.html ../extension && rsync -va --delete-after out/next/ ../extension/next/ && rm -rf out && rsync -va --delete-after public/next-assets ../extension/",

这是我们的 next.js.config 文件

module.exports = {
  generateEtags: false,
  exportPathMap: async function (
    defaultPathMap,
    { dev, dir, outDir, distDir, buildId }
  ) {
    return {
      '/': { page: '/' },
      '/searchobj': { page: '/searchobj' },
      
}

Answer 1

我还希望为服务工作者和内容脚本输出多个单独的 JS 文件。运气好的话？我能够使用 React 和 Webpack 做到这一点。也许我们可以分享我们所拥有的并尝试提出下一个模板？