Javascript：纱线构建中的 javascript 文件导入问题

Question

我有两个 JavaScript 代码。

我想从一个 javaScript 代码中导入和使用另一个。

我尝试了一些要导入的东西，但出现了错误。

这是我的主要代码（main.js）：

    import * as test from "./noise";

    const audioContext = new AudioContext({sampleRate: 48000});
    const destination = audioContext.createMediaStreamDestination();

    await NoiseNode.register(audioContext)

而且，这是我要导入的代码（noise.js）：

    window.NoiseNode = (window.AudioWorkletNode || (window.AudioWorkletNode = window.webkitAudioWorkletNode)) &&
    class extends AudioWorkletNode {
        static async register(a) {
            k = await h;
            await a.audioWorklet.addModule(g + "other.js");
        }}

如果我尝试如下导入，

import * as test from "./noise;

出现这些错误：

Line 141:15:  'NoiseNode' is not defined  no-undef

然后，如果我尝试如下导入，

import * as NoiseNode from "./noise";

出现这些错误：

Attempted import error: 'register' is not exported from './noise' (imported as 'NoiseNode').

我怎样才能一次得到所有东西？

请给我一些建议。

谢谢。

Answer 1

您必须先导出 NoiseNode，然后再导入它。

export window.NoiseNode = (window.AudioWorkletNode || (window.AudioWorkletNode = window.webkitAudioWorkletNode)) &&

导出后，您可以使用以下代码导入：

import * as NoiseNode from "./noise";