在ts中，当使用import type时，webpack打包时报错

Question

工程项目是用umi2搭建的，
tsconfig如下

{
  "compilerOptions": {
    "outDir": "build/dist",
    "module": "esnext",
    "target": "esnext",
    "lib": ["esnext", "dom"],
    "sourceMap": true,
    "baseUrl": ".",
    "jsx": "react",
    "allowSyntheticDefaultImports": true,
    "moduleResolution": "node",
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "suppressImplicitAnyIndexErrors": true,
    "noUnusedLocals": true,
    "allowJs": true,
    "experimentalDecorators": true,
    "strict": true,
    "paths": {
      "@/*": ["./src/*"]
    },
    "typeRoots": ["node_modules/@types",]
  },
  "exclude": [
    "node_modules",
    "build",
    "scripts",
    "acceptance-tests",
    "webpack",
    "jest",
    "src/setupTests.ts",
    "tslint:latest",
    "tslint-config-prettier"
  ]
}

当前的tsc是3.9.9
请问该如何解决？

Answer 1

应该是你所使用的 babel 版本还不支持这个语法，尝试升级下 babel 的版本。
babel v7.9.0 支持

已参与了 SegmengtFault 思否 「问答」打卡，欢迎正在阅读的你也加入。