Как написать package.json для использования Electron с TypeScript, React - PullRequest
Новая
       16

Как написать package.json для использования Electron с TypeScript, React

1 голос
/ 23 апреля 2019

Я хочу запустить index.tsx в настольном приложении.

Я установил рабочую папку следующим образом, используя create-Reaction-app. 

$ create-react-app myapp --typescript

После этого я установил Electron и написал src / main.ts. Когда я запустил «npm start», index.tsx запустился в браузере.

Я исправил package.json.

npm start "реакция-запуск скриптов" -> "электрон". main "main.ts"

Я запустил «npm start» и отображается «Ошибка запуска приложения». И я исправил это снова.

npm start "электрон." -> "электрон src / main.ts"

Но отображается сообщение «Ошибка javascript в главном процессе».

Может, main.ts не так? 

import { app, BrowserWindow, App } from "electron";

class Main {
    private mainWindow: BrowserWindow | null = null;
    private app: App;
    private mainURL: string = `file://${__dirname}/index.html`;

    public constructor(app: App) {
        this.app = app;
        this.app.on("window-all-closed", this.onWindowAllClosed.bind(this));
        this.app.on("ready", this.create.bind(this));
        this.app.on("activate", this.onActivated.bind(this));
    }

    private onWindowAllClosed() {
        this.app.quit();
    }

    private create() {
        this.mainWindow = new BrowserWindow({
            width: 800,
            height: 400,
            minWidth: 500,
            minHeight: 200,
            acceptFirstMouse: true,
            titleBarStyle: "hidden"
        });

        this.mainWindow.loadURL(this.mainURL);

        this.mainWindow.on("closed", () => {
            this.mainWindow = null;
        });
    }

    private onActivated() {
        if (this.mainWindow === null) {
            this.create();
        }
    }
}

const MyApp: Main = new Main(app);

Как мне написать package.json? Я не хочу "npm run eject".

...