如何将js文件导入svelte

Question

我正在用 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");
    }
}

主要.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 文件？

感谢您的任何帮助。

Answer 1

你需要在helper.js 中导出你的类：

export class Helper {
    // ...
}

然后将其导入main.js作为

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

或者，如果您只想从帮助文件中导出这一类，您可以使用

export default class Helper {
    // ...
}

并像您目前所做的那样导入：

import Helper from "./helper.js";