如何将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");
    }
}

main.js:

import App from './App.svelte';


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

export default app;

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

==>> Uncaught ReferenceError: Helper is not defined (main.js 6)

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

感谢您的帮助。

Answer 1

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

export class Helper {
    // ...
}

然后在ma​​in.js中导入为

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

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

export default class Helper {
    // ...
}

并像现在一样导入：

import Helper from "./helper.js";