我已经尝试了很多解决方案(nuxt.config 和更改 devtool 源映射)但没有任何效果.. 我需要在生产中获得真正的源代码，这样我才能得到真正的错误行，例如 Sentry 请任何人都可以帮助我...

最佳答案

使用 NuxtJS documentation 中的示例用于在 nuxt.config.js 中扩展 Webpack 配置:

export default {
  build: {
    extend(config, { isClient }) {
      // Extend only webpack config for client-bundle
      if (isClient) {
        config.devtool = 'source-map'
      }
    }
  }
}

当您随后运行 npm run build 时，将在 .nuxt/dist/ 下生成源映射 (*.js.map) > 并且捆绑的 JS 将引用它们。

例如，一个名为 .nuxt/dist/client/05439bf.js 的捆绑 JS 将有一个名为 .nuxt/dist/client/05439bf.js.map 并在其最后一行包含引用注释:

//# sourceMappingURL=05439bf.js.map

如果您随后使用 npm run start 运行构建，并在 Chrome DevTools 中打开 Sources 选项卡，您现在将在 Page 层次结构中看到一个 webpack://树，显示Nuxt 应用程序，即页面、组件、布局等。

将构建部署到生产环境时，确保 /.nuxt/dist/ 下的 *.js.map 文件也已部署。

关于vue.js - Nuxt : how can I get sourcemap files and where can I find them in production?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/69206509/