create-react-app error import type * as PrettyFormat from './types' in Pretty-format

IT技术 reactjs typescript create-react-app
2021-04-26 09:17:55

这是 cra 的全新安装，在节点 13.11.0 上运行typescript模板，尝试运行 npm start 时出现错误

TypeScript error in D:/Projects/personal-site/node_modules/@types/testing-library__react/node_modules/pretty-format/build/index.d.ts(7,13):
'=' expected.  TS1005

     5 |  * LICENSE file in the root directory of this source tree.
     6 |  */
  >  7 | import type * as PrettyFormat from './types';
       |             ^
     8 | /**
     9 |  * Returns a presentation string of your `val` object
    10 |  * @param val any potential JavaScript object```
2个回答

更新

感谢marcelo-waisman的帖子。

将 Typescript 升级到 > 3.8.0 解决了这个问题。

如果我们严格按照文档...

yarn add typescript @types/node @types/react @types/react-dom @types/jest

...我们应该安装最新版本的 TypeScript，而不是可能仍低于 3.8.0 的本地-全局版本。

我找到了一些线索。也许值得开一个问题。

它与包pretty-format及其类型有关create-react-app。我们可以在这里找到源代码：pretty-format/src/index.ts

import style = require('ansi-styles');
import type * as PrettyFormat from './types';

从提交历史我们可以看到前两天有一个相关的Pull Request，把这部分从...

import * as PrettyFormat from './types';

... 到...

import type * as PrettyFormat from './types';

这似乎是错误的原因。

实际上，这种“导入类型”是 Typescript 3.8 https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-8.html#type-only-imports-exports 中引入的新语法

解决方案实际上非常简单（如果它是您的选择），只需将您的typescript升级到 3.8+

其它你可能感兴趣的问题
上一篇React Redux 使用 HOC 和连接组件 下一篇如何在 react/webpack 2 设置中导入电子 ipcRenderer