Svelte：未捕获的 ReferenceError：未定义导出

Question

背景

我正在尝试在 Svelte 应用程序中使用dgraph-js-http 。

错误

我面临的最初错误是：

Uncaught ReferenceError: buffer is not defined
    <anonymous> http://localhost:5000/build/bundle.js:6947

我将此包括在内，因为也许我对此的解决方案不是最好的，并且希望有一种方法可以同时解决此问题和当前的阻止程序问题。

然而，经过反复试验（见下文了解我尝试过的各种方法）后，我现在陷入困境。

当前错误

解决上述错误后，我现在被这个错误阻止了：

Uncaught ReferenceError: define is not defined

尝试解决

以下均无效。

• 添加<script src="https://bundle.run/stream@0.0.2"></script>到 index.html
• 运行npm install stream
• 将import * as Stream from "stream"添加到 App.svelte 文件
• 将import * as Stream from "stream"添加到 stores.js 文件
• 添加preferBuiltins:true到rollup.config.js
• 添加npm install --save-dev rollup-plugin-node-polyfills
• 将preferBuiltins:false添加到rollup.config.js 。 这解决了先前的错误并导致了新错误： Uncaught ReferenceError: define is not defined
• 添加npm install --save define 。 现在，这会导致当前的阻止程序：

Uncaught ReferenceError: exports is not defined

Answer 1

我想你错过了type: "module"属性。 这里type属性表示javascript解释器的类型是commonjs还是babel。 type: "module"表示你将使用 babel 作为 ECMA 脚本解释器。