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：客户端在生产中失败，但是在开发期间可以工作

1 个答案: