在 Typescript 中用-react-intl 重写 Next.js 示例答案

【问题标题】：Rewrite the Next.js example with-react-intl in Typescript在 Typescript 中用-react-intl 重写 Next.js 示例
【发布时间】：2018-06-10 18:43:34
【问题描述】：

我正在尝试重写 Typescript 中的 Next.js official example with-react-intl，但我在使用 HOC 组件 PageWithIntl.js 时遇到问题

我的代码在这里https://github.com/soulmachine/with-react-intl。

有什么想法吗？谢谢！

欢迎任何拉取请求。

【问题讨论】：

标签： next.js

【解决方案1】：

我通过基本知识尝试了同样的事情，但被困在“为页面获取数据”上。 TS 开发缺少太多类型。我为页面和组件属性创建了一些接口，我看到你也有。而@types/next 下的类型似乎非常缺乏/不完整。

也许是时候为 next.js/ts 编写一个全面的 d.ts 了？我是游戏。

edit: 刚刚看到您的 typeRoots 指向 src/@types 而不是 @types。也许什么都没有。

【讨论】：

谢谢，修复了@types 路径。类型系统是一个强大的工具，但有时它会让你很难编译代码

【解决方案2】：

现在我的代码完全可以运行，只有两个小缺陷：

PageWithIntl.tsx、IntlProvider 的第 50 行没有 initialNow 属性
PageWithIntl.tsx 的第 47 行，Rest 类型只能从对象类型创建

【讨论】：