Webpack ไม่สามารถคอมไพล์ ts 3.7 (การเชื่อมต่อเสริม, Nullish Coalescing)

ฉันพยายามใช้typescript 3.7คุณสมบัติต่างๆเช่นการเชื่อมต่อเสริม, Nullish Coalescing แต่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ไฟล์ ตอนนี้มันใช้งานได้

ขึ้นอยู่กับโหลดเดอร์ที่คุณใช้เพื่อ transiple รหัสมีหลายตัวเลือก

สำหรับts-loaderคุณต้องทำให้แน่ใจว่าผลลัพธ์จาก typescript นั้นเข้าใจได้โดย Webpack นี้สามารถทำได้โดยการตั้งค่าtargetไปในES2018tsconfig.json

สำหรับbabel-loaderคุณจะต้องตรวจสอบให้แน่ใจว่า babel โหลด

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

เสียบเข้าไป. โปรดทราบว่าหากคุณกำลังใช้preset-envมันอาจหรือไม่สามารถโหลดปลั๊กอินนี้ขึ้นอยู่กับคุณtargetsหรือbrowserlist(เช่นจะไม่ถูกโหลดถ้า env เป้าหมายมีการสนับสนุนสำหรับคุณสมบัติภาษาเหล่านี้) ซึ่งในกรณีนี้วิธีเดียวที่จะรับประกันการรวม คือโดยการระบุด้วยตนเองในpluginsอาร์เรย์babel.config.js,

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

หากคุณใช้ vs code คุณอาจเปลี่ยนการใช้ typescript version vs local

TypeScript Code รุ่นใดที่ใช้ Visual Studio จะอัพเดทได้อย่างไร?