Нет поддержки TSX, когда bundleSFX с JSPM / SystemJs TypeScript React TSX-файлы

У меня проблемы с упаковкой моего реагирующего приложения в grunt-задачу, приложение написано в Typescript с *.tsx-файлами. Для браузера в Typescript на лету компиляция работает хорошо. Компоненты загружаются через систему в виде *.tsx-файлов, компилируются в javascript и запускаются. Триггер в браузере:

<script> System.import("app/Main"); </script> 

работает окончательно... Но когда я пытаюсь создать bundleSFX, я получаю много ошибок, связанных с TSX.

Команда Grunt-Bundle:

jspm.bundleSFX('app/Main', 'dist/build.js', {
        minify: true,
        mangle: true,
        lowResSourceMaps: true,
        sourceMaps: false
    }).then(function () { 
    ...

броски:

MultipleErrors: app/FilterButton.tsx:3:50: Unexpected token <

System.Config.js:

  // ... defaults here 
  transpiler: "typescript",

  typescriptOptions: {
    "noImplicitAny": false,
    "typeCheck": true,
    "jsx": 2, // << was important to get TSX working (in browser) 
    "module": "system",
    "isolatedModules": false,
    "emitDecoratorMetadata": true,
    "declaration": false,
    "suppressImplicitAnyIndexErrors": true
  }
  // ... defaults here 
  packages: {
    "app": {
      "defaultExtension": "tsx",
      "map": {
        "typescript": "typescript"
      },
      "modules": {
        "*.tsx": {
          "loader": "typescript"
        }
      }
    }
  }
  map: { 
     // ... JSPM installs here 
  }

"jsx": 2 флаг работает нормально, смотрите здесь: https://github.com/Microsoft/TypeScript/issues/5918

Что мне здесь не хватает... и почему он работает в браузере без ошибок?

0 ответов

Другие вопросы по тегам