反应-TypeError：无法读取未定义的属性“惰性”

Question

我跟随this guide为现有的React App启用TypeScript。启动应用程序时，出现以下错误：TypeError: Cannot read property 'lazy' of undefined

反应版本是16.8.0（react，react-dom，@ types / react，react-test-renderer）。

index.js（由于代码和文本大小的堆栈溢出限制，因此未显示所有导入）

import React, { Suspense } from 'react';

const AsyncApp = React.lazy(() => import('App'));

/** wrap App component in a fallback component for lazy loading */
const App = (
    <div>
        <Suspense
            fallback={<LoadingScreen />}
        >
            <AsyncApp loggedIn />
        </Suspense>
    </div>
);

async function renderApp() {
    if (document.title !== CONFIG.appName) {
        document.title = CONFIG.appName;
    }
    ReactDOM.render(App, document.getElementById('root'));
}

/** init app */
renderApp();

Answer 1

无法读取未定义的属性“惰性”

这意味着React未定义。您的文件需要导入react。将以下内容添加到index.js的顶部：

import React from 'react';

如果您已经导入了文件，请确保您的tsconfig.json有"esModuleInterop" : true。

Answer 2

您必须导入React。

import React from "react";