Webpack无法编译ts 3.7（可选链接，Nullish合并）

我尝试使用“ typescript 3.7可选链接”，“空位合并”等功能。但是webpack在进行翻译时给我一个错误。

app: Module parse failed: Unexpected token (50:40)
app: File was processed with these loaders:
app:  * ../../../node_modules/ts-loader/index.js
app: You may need an additional loader to handle the result of these loaders.
app: | export const Layout = (props) => {
app: |     const regionsResults = useQuery(regionsQuery, { fetchPolicy: 'cache-first' });
app: >     const regions = regionsResults.data?.regions ?? [];
app: |     const userItem = useQuery(usersProfileQuery, { fetchPolicy: 'cache-first' });
app: |     const handleOnClick = (selected) => props.history.push(selected.key);
``

：我改变目标esnext，以es2018在tsconfig.json文件中。现在可以了。

根据您用来插入代码的加载器，有几种可用的选项

对于ts-loader，您需要确保Webpack可以理解typescript的输出。可以通过设置target为ES2018in 来实现tsconfig.json。

对于babel-loader，您需要确保babel加载了

• @babel/plugin-proposal-nullish-coalescing-operator

插入。请注意，如果您使用preset-env，则根据您targets或的情况，它可能加载也可能不加载该插件browserlist（即，如果目标环境支持这些语言功能，则不会加载该插件），在这种情况下，唯一可确保包含该插件的方法是通过在中的plugins数组中手动指定它babel.config.js，

  plugins: [
    '@babel/plugin-proposal-nullish-coalescing-operator',
  ],

如果您正在使用vs代码，则可能应该更改本地打字稿版本vs代码的使用。

Visual Studio Code使用什么TypeScript版本？如何更新？