【问题标题】:Import javascript file in svelte在 svelte 中导入 javascript 文件
【发布时间】:2019-11-12 07:30:08
【问题描述】:

所以今天我发现了Svelte,我绝对喜欢这个概念。我只遇到了一个问题,我编写了一个小的 helper.js 文件,但似乎无法导入它。每次我尝试引用我得到的类时

ReferenceError: Helper 未定义


main.js 文件:

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

var app = new App({
    target: document.body
});
export default app;


App.svelte 文件:

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

<h1>Hello</h1>


helper.js 文件:

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

【问题讨论】:

    标签: javascript html import svelte


    【解决方案1】:

    你需要将它导入到使用它的文件中:

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

    【讨论】:

    • 感谢工作,但我还必须在 Helper.js 文件中添加“导出”。关于这一点:是否有另一种选择可以在没有“import”语句的情况下添加整个文件。像
    • 不,那是个坏主意——如果你的导入和导出是明确的,你最终会构建出更易于维护的软件
    • 如果你有一个遗留的 js 文件怎么办。你如何包含它?它不导出任何东西。
    • 添加为&lt;script&gt;标签
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-01-05
    • 2020-07-03
    • 1970-01-01
    • 2020-10-26
    • 2021-10-03
    • 1970-01-01
    • 2020-08-09
    相关资源
    最近更新 更多