在svelte中导入javascript文件

Joe*_*Joe 4 html javascript import svelte

因此,今天我发现了Svelte,我绝对喜欢这个概念。我只有一个问题,我写了一个小的helper.js文件,似乎无法导入它。每次我尝试参考课程时

ReferenceError:助手未定义


main.js文件:

import App from './App.svelte';
import './helper.js';

var app = new App({
    target: document.body
});
export default app;
Run Code Online (Sandbox Code Playgroud)


App.svelte文件:

<script>
    let helper = new Helper();
</script>

<h1>Hello</h1>
Run Code Online (Sandbox Code Playgroud)


helper.js文件:

class Helper {
  constructor() {
    console.log("working");
  }
}
Run Code Online (Sandbox Code Playgroud)

Ric*_*ris 8

您需要将其导入使用它的文件中:

<script>
  import Helper from './helper.js';
  let helper = new Helper();
</script>

<h1>Hello</h1>
Run Code Online (Sandbox Code Playgroud)

  • 如果你有一个遗留的 js 文件怎么办?你如何包含它?它不导出任何东西。 (3认同)
  • 不,这将是一个坏主意 - 如果您的导入和导出是明确的,您最终将构建更易于维护的软件 (2认同)