如何將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";