在打字稿中反应懒惰答案

【问题标题】：React lazy in typescript在打字稿中反应懒惰
【发布时间】：2018-11-08 12:59:40
【问题描述】：

我刚刚将我的 create-react-app 更新到 2.1.1 版本，增加了对 typescript (check it out) 的支持。

通过命令npx create-react-app my-app --typescript，默认情况下可以使用打字稿创建一个反应应用程序，但是添加了懒惰

import React, { Component, lazy} from 'react';

导致这个错误

Type error: Module '".../node_modules/@types/react/index"' 
has no exported member 'lazy'.  TS2305

我可能在这里遗漏了一些东西

谢谢

【问题讨论】：

@lonut，也许吧，但从 reactks.org 看来，惰性应该是可用的 react 包本身，从 'react' 导入 React, {lazy, Suspense};来自reactjs.org/blog/2018/10/23/react-v-16-6.html
@Think-Twice，我使用的反应版本是 16.6.1 ( "react": "^16.6.1",)
从错误中看起来，typescript 尚未支持 react v16.6.0，因为惰性包含在 react v16.6.0 中。 @types 库抛出的错误
@Think-Twice，据我所知，我应该等待打字稿支持？！！！
TypeDef 更新：github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/…

【解决方案1】：

长话短说，您需要等待@types/react 维护者的支持。

有对应问题的链接-here和here。

【讨论】：

【解决方案2】：

@types/react 已针对 react v16.6 和 v16.7 发布，只需升级 @types/react 以使用新的 React 类型定义

【讨论】：