Webpack cant derleme ts 3.7 (İsteğe Bağlı Zincirleme, Boş Değer Birleştirme)

typescript 3.7İsteğe Bağlı Zincirleme, Nullish Coalescing gibi özellikleri kullanmaya çalışıyorum. Ancak webpacktranspaling sırasında bana bir hata veriyor.

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

: Hedefi değişti esnextiçin es2018de tsconfig.jsondosyaya. Şimdi çalışıyor.

Kodu dönüştürmek için hangi yükleyiciyi kullandığınıza bağlı olarak, çeşitli seçenekler vardır

İçin ts-loader, daktilodan çıktının Webpack tarafından anlaşılabilir olduğundan emin olmanız gerekir. Bu ayarlayarak elde edilebilir targetiçin ES2018de tsconfig.json.

Çünkü babel-loaderbabil'in

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

Eklenti. Eğer kullanıyorsanız Not olduğunu preset-env, bu veya bağlı bu eklentiyi yüklemek olmayabilir sizin targetsveya browserlist(yani hedef env bu dil özellikleri için destek varsa yüklenmeyecektir), bu durumda tek yol onun dahil edilmesini garanti etmek pluginsdizisinde manuel olarak belirterek babel.config.js,

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

Vs kodu kullanıyorsanız, büyük olasılıkla yerel daktilo sürümünü vs kod kullanımını değiştirmelisiniz.

Visual Studio Code hangi TypeScript sürümünü kullanıyor? Nasıl güncellenir?