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

Question

我尝试使用typescript3.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);
``

Answer 1

在tsconfig.json文件中，我将target:esnext更改为es2018。现在管用了。

Webpack问题供参考：https://github.com/Webpack/Webpack/issues/10227