vue.js - regeneratorRuntime är inte definierad i TypeScript som körs i webben

Jag spelar en demo med Vue.js + TypeScript + Parcel, och testar async/await i index.ts.

index.html

<html>
...
<body>
  <script src="index.ts"></script>
</body>
</html>

index.ts

console.log('Not see me')
(async () => {
  console.log('Did not execute here too.')
})()

Kör parcel index.html och öppna http://localhost:1234/. Konsolen visar felet: regeneratorRuntime är inte definierad

index.a4a28941.js:110 Uncaught ReferenceError: regeneratorRuntime is not defined
    at index.a4a28941.js:110
    at Object.parcelRequire.306 (index.ts:3)
    at newRequire (index.a4a28941.js:48)
    at parcelRequire.306 (index.a4a28941.js:80)
    at index.a4a28941.js:106

Det verkar som att async-syntaxen behöver polyfill?

Här är min tsconfig.json:

{
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "baseUrl": ".",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "jsx": "preserve",
    "module": "esnext",
    "moduleResolution": "node",
    "noImplicitReturns": true,
    "sourceMap": true,
    "strict": true,
    "target": "esnext",
    "paths": {
      "@/*": ["src/*"]
    },
    "lib": ["esnext", "esnext.array", "dom", "dom.iterable", "scripthost", "es2015.generator"]
  },
  "parcelTsPluginOptions": {
    // If true type-checking is disabled
    "transpileOnly": false
  },
  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "tests/**/*.ts", "tests/**/*.tsx"],
  "exclude": ["node_modules"]
}

Svar #1

Min lösning var att ställa in target till "es5" i tsconfig.json-filen:

{
  "compilerOptions": {
    "target": "es5"
  }
}

Det verkar dock som att Parcel alltid använder Babel för att transformera JavaScript och det orsakar konflikter med TypeScript-kompilatorn (se här: https://github.com/parcel-bundler/parcel/issues/954 och här: https://github.com/parcel-bundler/parcel/issues/871). Några personer löste också detta problem genom att kräva babel-polifill i sina projekt, men detta verkar inte vara det bästa alternativet om du bara vill använda TypeScript-kompilatorn och inte ha Babel som transformeras något.

Relaterade artiklar