如何使用Create React App和TypeScript启用可选链接

问题描述 投票:2回答:2

目前尚不支持实验语法'optionalChaining'已启用

我收到上述错误。我遵循了此post,并将"@babel/plugin-proposal-optional-chaining": "^7.7.4"添加到了devDependencies中。

然后我遇到此错误,

将@ babel / plugin-proposal-optional-chaining(https://git.io/vb4Sk)添加到Babel配置的“插件”部分以启用转换。

所以我遵循了此post,并将.babelrc文件添加到了项目的根目录中

{
    "presets": ["react", "es2015","stage-1"],
    "plugins": ["transform-runtime", "transform-optional-chaining"]
}

这似乎没有任何作用。我还听到有人提到Create React App不允许您修改babel的配置。所以我的问题是,如何在不重新连接整个CRA的情况下启用可选链接?

P.S。

我正在使用"typescript": "^3.7.2",或者至少是我的package.json所说的。我尝试过npm install以确保已更新。不知道CRA是否在下面做了奇怪的事情,并且以某种方式使用了TypeScript的旧版本。

编辑:

当我从CRA开始项目时,我相信我们正在使用TypeScript: 3.6.x。我想使用Optional Chaining,所以我将package.json文件更改为"typescript": "^3.7.2",然后更改为npm install。我认为问题是,TypeScript知道我正在使用3.7.2,但是CRA仍具有较旧的配置,并且我不确定如何更新它。

当前未启用对实验语法'optionalChaining'的支持,但出现上述错误。我关注了这篇文章,并添加了“ @ babel / plugin-proposal-optional-chaining”:“ ^ 7.7.4” ...

typescript babel create-react-app
2个回答
0
投票

Create-React-App使用babel转换TypeScript,因此它不使用npm安装的TypeScript版本。 @next版本的react-scripts支持TypeScript 3.7。您可以通过以下方式安装并使用它:


0
投票

package.json

© www.soinside.com 2019 - 2024. All rights reserved.