Typescript экспортирует не определенную ошибку, если не экспортирует

Я создаю электронное приложение, используя машинопись. Я настроил свой 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);

person Adrian Pascu    schedule 29.11.2018    source источник


Ответы (2)


Я не уверен, но я думаю, что это должно помочь:

// TypeScript considers non-module files to be files without `export`s.
// https://stackoverflow.com/a/41975448/5051090
export {};

Попробуйте прикрепить его к нижней части ваших модулей.

person Brian Jenkins    schedule 29.11.2018

Я понял! Проблема заключалась в цели компиляции. Переключение с es5 на es6 устранило проблему.

person Adrian Pascu    schedule 30.11.2018