импорт шрифтов не работает

Question

Я пытаюсь решить эту проблему уже более 6-8 часов. Я думаю, что одна из проблем - мой английский. =)

Я использую редактор атом, электрон, машинописный, реагируют

tsconfig.json

{ 
    "compilerOptions": { 
     "target": "es5", 
     "module": "commonjs", 
     "moduleResolution": "node", 
     "isolatedModules": false, 
     "jsx": "react", 
     "experimentalDecorators": true, 
     "emitDecoratorMetadata": true, 
     "declaration": false, 
     "noImplicitAny": false, 
     "noImplicitUseStrict": false, 
     "removeComments": true, 
     "noLib": false, 
     "preserveConstEnums": true, 
     "suppressImplicitAnyIndexErrors": true 
    }, 
    "exclude": [ 
     "node_modules", 
     "typings/browser", 
     "typings/browser.d.ts" 
    ], 
    "compileOnSave": true, 
    "buildOnSave": false, 
    "atom": { 
     "rewriteTsconfig": false 
    } 
} 

app.ts:

import {hello} from "./func"; 
hello("TypeScript"); 

func.ts

export function hello(name: string){ 
    console.log(`Hello, ${name}`); 
} 

Начало электронов и получить ошибки:

Uncaught SyntaxError: Unexpected token import 

затем создать файл реагирующие-test.ts:

import * as React from "react"; 

получить ошибку в редакторе атома:

Cannot find module 'react' 

Вопрос: Я не хочу больше теории. Существует конкретный пример. Пожалуйста, помогите мне решить проблему. Кстати у меня не было никаких проблем с столпотворение =)

Update # 1:

Electron команда запуска:

npm start 

Проект по github

Answer 1

Прежде всего, необходимо для пересылки TypeScript в JavaScript с помощью команды tsc и в файле index.html требуется app.js вместо app.ts. Затем запустите Electron с npm start