如何将js文件导入到svelte

fruv7luv 于 2021-09-29 发布在 Java

关注(0)|答案(1)|浏览(358)

我正在svelte中构建一个应用程序，在/src文件夹中有一个helper.js文件，我将在其中放置helper函数。
我正在尝试将helper.js文件导入getdata.svelte文件：

gatedata.svelte：

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

  let helper = new Helper();

</script>

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

import App from './App.svelte';

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

export default app;

但是，我收到的错误消息是：
==>>未捕获引用错误：未定义帮助程序（main.js 6）
我是否也必须在main.js中导入helper.js文件？
谢谢你的帮助。

您需要在helper.js中导出类：

export class Helper {
    // ...
}

然后在main.js中将其作为

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

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

export default class Helper {
    // ...
}

并按当前操作导入：

import Helper from "./helper.js";