Question

我想在桌面应用程序上启动index.tsx。

我使用create-react-app如下设置工作文件夹。

$ create-react-app myapp --typescript

在那之后，我安装了Electron并编写了src / main.ts。当我运行“ npm start”时，index.tsx在浏览器上启动。

我修复了package.json。

npm start“反应脚本启动”->“电子”。

主要的“ main.ts”

我运行了“ npm start”，并显示“错误启动应用程序”。所以我又修复了。

npm开始“电子”。->“电子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运行弹出”。

如何编写package.json以将Electron与TypeScript，React

0 个答案: