4
私はJavascriptを初めて使用しています.Javascriptで作業するためのIDEとしてVisualコードを使用しています。main.jsにインポートするファイルをエクスポートしていないmodule.export
私はいくつかのチュートリアルを通過していると私は私が解決に失敗しています問題に遭遇したこと
私は私のjsファイルをエクスポートするmodule.exportを使用しています、と私は私のメインのファイルでそれを使用する必要が使用しています。しかし、私は警告メッセージが出ることを期待しているので、動作していません。私は、出力コンソールにエラーを得ていないのです
.vscode
script
cat.js
task.js
main.js
demo1.html
：後
は、ディレクトリ構造
**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>
私のコードです。どんな助けもありがとう。
使用しているモジュールバンドラはどれですか？ –
わかりません。それをどうやって確認できますか？ – LifeStartsAtHelloWorld
あなたはそれを設定しなければならないので、あなたは知っているでしょう。 vscodeがこれをあなたのために魔法のようにしない限り（知らない）一般的に言えば、ブラウザはNodeが使用するCommonJSモジュールシステムをサポートしていないので、何かモジュールが一方向にバンドルされていない限り、これは動作しません（エラーが表示されるはずです）。 –