美文网首页让前端飞前端+
使用create-create-app 2.0 创建项目,使用t

使用create-create-app 2.0 创建项目,使用t

作者: 李留白 | 来源:发表于2018-11-06 15:43 被阅读4次

最近使用 create-react-app test --scripts-version=react-scripts-ts@4.0.8 方式创建了react项目,并且使用了typescript,但是在使用Code Splitting
时,官方文档提到了使用最新的特性:

React.lazy

The React.lazy function lets you render a dynamic import as a regular component.

Before:

import OtherComponent from './OtherComponent';

function MyComponent() {
  return (
    <div>
      <OtherComponent />
    </div>
  );
}

After:

const OtherComponent = React.lazy(() => import('./OtherComponent'));

function MyComponent() {
  return (
    <div>
      <OtherComponent />
    </div>
  );
}

但是,在项目中会发现react里并没有发现导出lazy、Suspense

找了各种文档,最终发现了问题:

React.lazy type definition not found for lazy, Suspense
Add more of the new features added in React 16.6

在vscode里面import的react使用的是@types/react库,这个库版本还是16.4,没有把react16.6里面的新特性merge进去,所以才导致项目报错。

临时解决方法:

const lazy = (React as any).lazy
const Suspense = (React as any).Suspense

永久解决方法:

等待@types/react升级到16.6以上.

相关文章

  • 使用create-create-app 2.0 创建项目,使用t

    最近使用 create-react-app test --scripts-version=react-script...

  • Angular2.0—服务

    Angular2.0—服务 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及使用ng-...

  • Angular2.0—管道

    Angular2.0—管道 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及使用ng-...

  • Vue2.0+element+天地图+vue-chartjs

    创建vue项目 我使用vue create创建 vue 2.0工程 安装element 具体使用请查看Elemen...

  • Angualr2.0—常用指令

    Angualr2.0—常用指令 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及使用n...

  • Angular2.0—路由传参

    Angular2.0—路由传参 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及使用n...

  • Angular2.0—父子传参

    Angular2.0—父子传参 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及使用n...

  • Pixi.js TypeScript Webpack

    创建项目,使用npm init初始化项目,也可使用npm init -y使用默认配置初始化项目。 创建文件结构 T...

  • Angular2.0—https服务

    Angular2.0—https服务 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及...

  • vue-cli2.0 和 vue-cli3.0的区别

    1.创建项目命令 创建vue-cli2.0的项目时,使用的命令行是:vue init webpack proje...

网友评论

    本文标题:使用create-create-app 2.0 创建项目,使用t

    本文链接:https://www.haomeiwen.com/subject/yieuxqtx.html