javascript - 不导出时打字稿“未定义导出”错误
问题描述
我正在使用打字稿构建一个电子应用程序。我的设置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 等价物
应用程序.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);
应用程序.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);
解决方案
我不积极,但我认为这应该会有所帮助:
// TypeScript considers non-module files to be files without `export`s.
// https://stackoverflow.com/a/41975448/5051090
export {};
尝试将其粘贴到模块的底部。
推荐阅读
- cmake - 使用 CMake 通过 CLion 一次为多个目标构建 x86 和 x64
- laravel - 如何从 eloquent 中模拟 laravel HasOne 关系?
- build - 无法在构建管道中使用私有源
- java - recyclerview.onBindviewholder 总是在位置 0
- java - 房间数据库 - 外键约束失败错误代码 787
- sas - 过程报告和特殊字符
- c++ - 从方法返回内部类时出错(C++)
- c++ - system() 调用不针对子外壳?
- sql - 如何显示符合客户标准的房产总数?
- msbuild - Gitlab - gitlab-ci.yml 无法识别 7zip 命令