Я создаю электронное приложение, используя машинопись. Я настроил свой tsconfig
следующим образом:
{
"compilerOptions": {
/* Basic Options */
"target": "es5", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
"module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
"outDir": "./build", /* Redirect output structure to the directory. */
"strict": true, /* Enable all strict type-checking options. */
"moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
"esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
},
"include": [
"./src"
]
}
Я должен упомянуть, что я не использую webpack или browsify.
Итак, на данный момент мне нужно напечатать файлы, один из которых отвечает за создание главного окна, а другой — за обработку событий (в основном один для основного потока и один для средства визуализации). Я использую только импорт в обоих из них, без экспорта. Проблема в том, что в сценарии рендеринга (в форме javascript) я получаю эту строку после запуска tsc
: Object.defineProperty(exports, "__esModule", { value: true });
, что вызывает ошибку «экспорт не определен» при запуске приложения.
Я попытался удалить свойство модуля из tsconfig
, как предлагалось в других сообщениях, но это не помогло. Если я удалю эту строку кода в файле javascript, все будет работать. Но я не знаю, что мне делать, чтобы tsc
не добавлял эту строку кода, так как в другом файле javascript она не отображается. Заранее спасибо за помощь!
Вот мои машинописные файлы с их скомпилированными эквивалентами javascript
app.ts
import {app,BrowserWindow,desktopCapturer, DesktopCapturerSource} from 'electron';
import * as path from 'path';
function createWindow(){
const mainWindow:BrowserWindow = new BrowserWindow({
width:800,
height:600
});
mainWindow.loadFile(path.join(__dirname,"../src/assets/index.html"));
mainWindow.webContents.openDevTools()
}
app.on('ready',createWindow);
app.js
"use strict";
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
var electron_1 = require("electron");
var path = __importStar(require("path"));
function createWindow() {
var mainWindow = new electron_1.BrowserWindow({
width: 800,
height: 600
});
mainWindow.loadFile(path.join(__dirname, "../src/assets/index.html"));
mainWindow.webContents.openDevTools();
}
electron_1.app.on('ready', createWindow);
рендерер.ts
import { desktopCapturer, DesktopCapturerSource } from "electron";
function onLoad(){
desktopCapturer.getSources({
thumbnailSize: {
width: 256,
height: 256,
},
types: ["screen", "window"]
}, (error: Error, srcs: DesktopCapturerSource[]) => {
if (error)
throw error;
let p: HTMLElement | null = document.querySelector("#tag");
for (let src of srcs)
if (p){
let temp = src.name + ' ';
p.textContent += src.name;
}
})
}
document.addEventListener("DOMContentLoaded", onLoad);
рендерер.js
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var electron_1 = require("electron");
function onLoad() {
electron_1.desktopCapturer.getSources({
thumbnailSize: {
width: 256,
height: 256,
},
types: ["screen", "window"]
}, function (error, srcs) {
if (error)
throw error;
var p = document.querySelector("#tag");
for (var _i = 0, srcs_1 = srcs; _i < srcs_1.length; _i++) {
var src = srcs_1[_i];
if (p) {
var temp = src.name + ' ';
p.textContent += src.name;
}
}
});
}
document.addEventListener("DOMContentLoaded", onLoad);