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的babel-plugin-dynamic-import-node解决了该问题。

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