NextJS + Apollo + i18n - 意外错误

时间:2018-01-10 14:15:43

标签: javascript next apollo react-i18next

我正在与之合作的客户请求我构建一个包含i18n的SSR React应用程序。为了解决这个问题,我尝试使用NextJS和i18Next。

我设法得到反应并且apollo没有问题但是当我尝试连接下一个+ i18n时,我发现一个非常无益的'意外错误'发生了,错误。

检查控制台我也看到以下内容:

Cannot read property 'prototype' of undefined
TypeError: Cannot read property 'prototype' of undefined
    at Object.inherits (http://localhost:3000/_next/1515592576452/page/index.js:36080:46)
    at Object.<anonymous> (http://localhost:3000/_next/1515592576452/page/index.js:30216:6)
    at Object.<anonymous> (http://localhost:3000/_next/1515592576452/page/index.js:30440:30)
    at __webpack_require__ (http://localhost:3000/_next/1515592576452/manifest.js:714:31)
    at fn (http://localhost:3000/_next/1515592576452/manifest.js:117:20)
    at Object.<anonymous> (http://localhost:3000/_next/1515592576452/page/index.js:28246:12)
    at Object.module.exports.exports.byteLength (http://localhost:3000/_next/1515592576452/page/index.js:28507:30)
    at __webpack_require__ (http://localhost:3000/_next/1515592576452/manifest.js:714:31)
    at fn (http://localhost:3000/_next/1515592576452/manifest.js:117:20)
    at Object.<anonymous> (http://localhost:3000/_next/1515592576452/page/index.js:24501:18)

此警告但我不确定它是否相关

warning.js?e7f4ca8:33 Warning: Expected server HTML to contain a matching <div> in <div>.

我也注意到在./libs/withData.js中有以下行:

enter code here static displayName = WithData(${getComponentDisplayName( ComposedComponent )})

我的编辑器将其标记为无效令牌,但此代码来自nextjs example,并且该回购中没有任何问题表明这是一个错字。

我在以下codepen项目中包含了与此问题相关的所有代码。

https://codepen.io/foxleigh81/project/editor/DnYJWB

1 个答案:

答案 0 :(得分:0)

好的,我已经解决了这个问题。

简而言之。我在想这一切都错了。我以为我在我的反应应用程序旁边添加,而现实更像是我将我的反应应用程序放在下一个。我将它拆开并从头开始重新构建,在nextjs repo上组装示例,这一切都有效。