javascript - 从另一个 JS 文件导出方法

标签 javascript

我无法从另一个 JavaScript 文件导入方法。

我尝试从文件中导出单个方法或类,但仍然不起作用。基本上我正在尝试学习 Mocha,所以我尝试创建库,以便我可以测试 Mocha 中的方法,但我的导出和导入似乎不起作用。我在 Chrome 浏览器中运行脚本。

文件:myTest.js

function myTestClass(){
    this.myTestText = "Welcome to myTestClass!";

    this.mySum = function(a, b) {
      return a + b;
    }

    this.mySubtraction = function(a,b) {
      return a - b;
    }

    this.myMultiply = function(a, b) {
      return a * b;
    }
};

export default {myTestClass};

文件:test.js

import myTestClass from 'myTest.js';
console.log("enter test.js file");
console.log("test.js finished importing myTest.js file");

文件:index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset=utf-8">
    <title>Mocha Tests</title>

    <link href="https://cdn.rawgit.com/mochajs/mocha/2.2.5/mocha.css" rel="stylesheet" />   

  </head>
  <body>
    <div id="mocha"></id>
    <div id="messages"></div>

<script src="https://cdn.rawgit.com/mochajs/mocha/2.2.5/mocha.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chai/4.2.0/chai.js"></script>   
    <script type="module" class="mocha-init">
        mocha.setup('bdd');
    </script>

    <script src="test.js"></script>
    <script type="module"> 
        mocha.run();
    </script>

  </body>
</html>

当我在 Chorme 中打开 index.html 时,我的 window.alert() 函数都没有被调用,所以错误一定发生了。请注意,我所有的文件都在同一个目录中。

最佳答案

您需要使用以 "/"、"./"或 "../"开头的相对引用

test.js

import myTestClass from './myTest.js';

关于javascript - 从另一个 JS 文件导出方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57982837/

相关文章:

javascript - 使用 jQuery 和 ajax 从提交后填充表单

带参数的javascript匿名函数调用

javascript - 为什么在选择中选择一个选项会缩短选项的文本?

javascript - 验证棘手的字段

更新面板中的 Javascript 在部分回发后不起作用

javascript - 如何在 SonarQube 4.4 的技术债务计算中忽略文件/文件夹?

javascript - 将 lat、long 点列表映射到 java 中的 x、y : is there a cleaner way to do this?

javascript - 如何访问 JQUERY 中的数组元素?

javascript - 从数组中提取的列表中缺少值

javascript - jQuery.ajax 检查是否已经有另一个 xhr