Javascript module.export不导出要在main.js中导入的文件
我是Javascript新手,我使用可视化代码作为IDE来处理Javascript 我正在学习一些教程,我遇到了一个问题,我没有解决它 我使用module.export导出我的js文件,我使用require在我的主文件中使用它。但是,它不起作用,因为我希望弹出一条警告消息 下面是我的代码Javascript module.export不导出要在main.js中导入的文件,javascript,Javascript,我是Javascript新手,我使用可视化代码作为IDE来处理Javascript 我正在学习一些教程,我遇到了一个问题,我没有解决它 我使用module.export导出我的js文件,我使用require在我的主文件中使用它。但是,它不起作用,因为我希望弹出一条警告消息 下面是我的代码 **task.js** /* jshint node: true */ 'use strict'; class Task { constructor(n
**task.js**
/* jshint node: true */
'use strict';
class Task {
constructor(name) {
this.name = name;
}
completed() {
alert(this.name);
}
}
module.export = Task;
**cat.js**
/* jshint node: true */
'use strict';
function Cat(name) {
this.name = name;
this.toString = function() {
alert(name);
};
}
Cat.prototype.complete = function() {
console.log('Completed');
};
module.export = Cat;
**main.js**
var Task = require('./task');
var Cat = require('./cat');
// Ways to create instances.
var task1 = new Task("A");
task1.completed();
var cat1 = new Cat("Fluffy");
cat1.toString();
cat1.complete();
**Demo1.html**
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1> Hello! </h1>
<p id="demo"></p>
<script type="text/javascript" src="script/main.js"></script>
</body>
</html>
我在输出控制台上没有收到错误。任何帮助都将不胜感激 看起来你只是打错了字!使用
module.export
而不是module.export
如果您对javascript的未来感兴趣,可以看看语法稍有不同的
export
()。大多数浏览器还不支持它,因此使用它需要一个transpiler。您使用的是哪个模块绑定器?我不确定。我怎么能检查呢?你会知道的,因为你必须设置它。除非vscode能神奇地为您实现这一点(我不知道)。一般来说,浏览器不支持Node使用的CommonJS模块系统,因此,除非有什么东西以这种或那种方式捆绑模块,否则这不会起作用(您应该会看到一个错误)。我没有安装任何模块绑定器。我在谷歌上搜索到vscode使用了Rollup。我在cloud9上运行了相同的代码,现在它工作了。它与vscode的设置方式有关。我真的希望我知道所有的部分是如何组合在一起的。现在,我觉得我正在解决一个难题的一部分。无论如何,非常感谢你的帮助。谢谢你纠正了这一点。然而,这并没有解决问题。我真的希望它能解决这个问题。我会尝试查看文档,看看是否能解决这个问题。ThanksIt在Cloud9上工作,所以我不确定出了什么问题。这让我意识到我需要了解JS的整个设置,而不仅仅是编码部分。谢谢你的帮助,没问题。如果这解决了您的问题,您可以通过单击问题旁边的复选标记将其标记为接受答案。
.vscode
script
cat.js
task.js
main.js
demo1.html