打字稿導入不起作用

我想解決這個問題已經超過了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'

問題： 我不想要更多的理論。有一個具體的例子。請幫我解決它。順便說一句，我沒有與通天=任何問題）

更新＃1：你需要

npm start

項目上github

來源

2016-07-18 user3650075

它可能是一些不同的問題，我們需要更多的信息來知道問題是什麼。具體來說，你如何運行電子？你如何運行tsc？這與電子有什麼關係？你的index.html文件是什麼樣的？你的'package.json'文件是什麼樣的？ –

我剛剛找到一個示例導入文件，並試圖實現它。電子運行命令'npm start'，github [link]（https://github.com/imsory/ts-import）。它只是電子快速啓動的例子+打字稿+反應+還原 – user3650075

第一：

電子運行命令用tsc命令將TypeScript轉換爲JavaScript，而在index.html文件中則需要app.js而不是app.ts。然後運行電子與npm start

來源

2016-07-19 00:31:16 Mikhail

好！最後，我理解了這個概念並在這裏找到了一個很好的例子[鏈接]（https://github.com/claudioc/electron-typescript-react-quick-start）。 Spasibo Misha！ =） – user3650075

@ user3650075我很高興它有幫助！ – Mikhail

打字稿導入不起作用

回答

相關問題