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

然后，创建文件 react-test.ts：

import * as React from "react";

在原子编辑器中获取错误：

Cannot find module 'react'

问题： 我不想要更多的理论。有一个具体的例子。请帮我解决一下。顺便说一下，我对babel =）

没有任何问题

更新＃1：

电子运行命令：

npm start

项目github

Answer 1

首先，您需要使用tsc命令将TypeScript转换为JavaScript，并在index.html文件中将app.js改为app.ts。然后使用npm start

运行Electron

typescript导入不起作用

1 个答案: