Настройка Electron с помощью React Typescript CRA - PullRequest
Новая
       36

Настройка Electron с помощью React Typescript CRA

0 голосов
/ 29 декабря 2018

_____ Описание проекта _____

Я запустил свой проект Typescript & React как веб-приложение, и в настоящее время я полностью преобразую его в приложение Electron.У меня есть некоторые проблемы с этим, хотя.

_____ Где я сейчас нахожусь на _____

Я следовал этому уроку , чтобы заставить Электрон работать.Он работает нормально, за исключением того, что файл electron.js (в учебнике под названием main.js я поместил его в папку src, а не в папку public) является файлом javascript.Это не мешает запуску моего приложения, но я бы предпочел иметь его в формате Typescript.Это то, на чем я застрял.Я преобразовал его в файл Typescript, но я не могу указать на это из моей конфигурации package.json.

_____ Описание проблемы _____

Насколько я понимаю, свойство main в package.json должно указывать на этот файл electron.ts.Но, конечно, файл не обрабатывается правильно, потому что это не файл JavaScript.

_____ Вопрос _____

Как я могу как-то указать на electron.tsфайл?Где находится переданный код, сгенерированный во время выполнения?Возможно, я мог бы указать там свойство main?

_____ package.json _____ 

  ...,
  "scripts": {
    "start": "node scripts/start.js",
    "build": "node scripts/build.js",
    "test": "node scripts/test.js --env=jsdom",
    "electron-dev": "concurrently \"BROWSER=none npm run start\" \"wait-on http://localhost:3000 && electron .\"",
    "electron-pack": "build -- em.main=build/electron.js",
    "preelectron-pack": "npm run build"
  },
  "main": "src/electron.ts",
  "homepage": "./",
  "build": {
    "appId": "com.example.electron-cra",
    "files": [
      "build/**/*",
      "node_modules/**/*"
    ],
    "directories": {
      "buildResources": "assets"
    }
  },
  ...

Ответы [ 2 ]

0 голосов
/ 04 июля 2019

Самый быстрый маршрут, который я нашел для запуска и запуска машинописи, был с electron-webpack.

С помощью дополнений ваши требования удовлетворены.Я использовал это для большого успеха для приложения с электронным реагированием и редукцией.

0 голосов
/ 04 июля 2019

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

https://github.com/nateshmbhat/electron-react-ts-starter/

Он прекрасно работает с приложением Создать реакцию и не требует его извлечения.

...