Nuxt.js：客户端在生产中失败，但在开发中有效

Question

我正在使用 nuxt-edge 为现有的相当复杂的应用程序提供 ssr。如果我运行 yarn dev 一切正常，但在构建生产版本后，我只得到服务器端呈现的标记（看起来也应该如此）和客户端错误

TypeError: [nuxt] Error while mounting app: n.e is not a function
    at V (cb1f209f20a02940261c.js:2)
    at cb1f209f20a02940261c.js:2
    at w (9664f928831af5328a28.js:formatted:4639)
    at Generator._invoke (9664f928831af5328a28.js:formatted:4617)
    at Generator.t.(anonymous function) [as next] (http://127.0.0.1:3000/_nuxt/9664f928831af5328a28.js:2:83522)
    at r (9664f928831af5328a28.js:formatted:4038)
    at u (9664f928831af5328a28.js:formatted:4052)
    at 9664f928831af5328a28.js:formatted:4057
    at new Promise (<anonymous>)
    at 9664f928831af5328a28.js:formatted:4049

我不知道如何调试由 webpack 和 babel 转译的压缩 js，也许我遗漏了一些明显的东西。任何想法表示赞赏

Answer 1

所以经过一番挖掘，我发现问题出在 webpack 的动态导入路由中。

Airbnb's babel-plugin-dynamic-import-node 修复了问题。

为了允许通过 .babelrc 传递 babel 配置，我使用了 nuxt-babel

Nuxt.js：客户端在生产中失败，但在开发中有效

Nuxt.js: Client fails in production, but works during development

vue.js

server-side-rendering

nuxt.js