typescript - Electron 与触摸栏: TouchBarLabel is not a constructor

Question

我在 Electron 应用程序中使用axios从API获取数据。接收到此数据后，应将其显示在触摸栏上。为了管理触摸栏，我添加了一个新的.ts文件:

import electron, {
    BrowserWindow,
    TouchBar,
    TouchBarLabel,
    TouchBarButton,
    TouchBarSpacer
} from "electron";
import { IProject } from './types';

export function updateTouchBar(data: IProject[]) {
    let arr = [];
    data.forEach(ele => {
        arr.push(new electron.TouchBarLabel({ label: ele.name }));
    });

    publish(new TouchBar({ items: arr }));
}

export function publish(tb: TouchBar) {
    electron.remote.BrowserWindow.getFocusedWindow().setTouchBar(tb);
}

在窗口中显示数据有效，但是触摸栏不起作用: TouchBarLabel is not a constructor。

这是什么意思，我该如何解决？

谢谢，
卢卡斯

Answer 1

我遇到了TouchBarLabel is not a constructor.问题，如果您的问题是我的问题，解决方案将是重新排列import语句，例如

import electron, { BrowserWindow, TouchBar } from "electron";
const { TouchBarLabel, TouchBarButton, TouchBarSpacer } = TouchBar;