Webpack không thể biên dịch ts 3.7 (Chaining tùy chọn, Nullish Coalescing)

Tôi cố gắng sử dụng typescript 3.7các tính năng như Chaining tùy chọn, Nullish Coalescing. Nhưng webpackcho tôi một lỗi trong khi transpaling.

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);
``

Tôi đã thay đổi mục tiêu: esnextđể es2018trong tsconfig.jsontập tin. Bây giờ nó hoạt động.

Tùy thuộc vào trình tải nào bạn đang sử dụng để sao chép mã, có một số tùy chọn khả dụng

Đối với ts-loader, bạn cần đảm bảo rằng đầu ra từ bản thảo có thể hiểu được bằng Webpack. Điều này có thể đạt được bằng cách thiết lập targetđể ES2018trong tsconfig.json.

Đối với babel-loader, bạn sẽ cần đảm bảo babel tải

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

cắm vào. Lưu ý rằng nếu bạn đang sử dụng preset-env, nó có thể hoặc không tải plugin này tùy thuộc vào targetshoặc browserlist(nghĩa là sẽ không được tải nếu env đích có hỗ trợ cho các tính năng ngôn ngữ này), trong trường hợp đó là cách duy nhất để đảm bảo sự bao gồm của nó là bằng cách chỉ định thủ công nó trong pluginsmảng trong babel.config.js,

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

Nếu bạn đang sử dụng vs mã, có lẽ bạn nên thay đổi phiên bản bản in cục bộ so với sử dụng mã.

Phiên bản TypeScript nào là Visual Studio Code sử dụng? Làm thế nào để cập nhật nó?