如何将js文件导入svelte

How to import js file into svelte

我正在用 svelte 构建一个应用程序，我在 /src 文件夹中有一个 helper.js 文件，我将在其中放置辅助函数。

我正在尝试将 helper.js 文件导入 GetData.svelte 文件：

GateData.svelte:

<script>
  import Helper from "./helper.js";

  let helper = new Helper();

</script>

helper.js:

class Helper {
    constructor() {
        console.log("hello world");
    }
}

main.js:

import App from './App.svelte';


const app = new App({
    target: document.body,
});

export default app;

但是，我得到的错误信息是：

==>> 未捕获的 ReferenceError: Helper 未定义 (main.js 6)

我是否也必须在 main.js 中导入 helper.js 文件？

感谢您的帮助。

您需要将 class 导出到 helper.js:

export class Helper {
    // ...
}

然后在main.js中导入为

import { Helper } from "./helper.js";

或者，如果您只想从辅助文件中导出这个class，您可以使用

export default class Helper {
    // ...
}

并按照您当前的方式导入：

import Helper from "./helper.js";