javascript – module.export不导出文件,要在main.js中导入

2023年3月3日 256次阅读

我是
Javascript的新手,我使用Visual代码作为IDE来处理Javascript.

我正在阅读一些教程,我遇到了一个问题,我没有解决它

我使用module.export导出我的js文件,我使用require在我的主文件中使用它.但是,它无法正常工作,因为我预计会弹出一条警告消息.

以下是我的代码

    **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>

目录结构：

.vscode
   script
     cat.js
     task.js
     main.js
demo1.html

我没有在输出控制台上出错.任何帮助,将不胜感激.

最佳答案 看起来你只是有一个错字！使用module.exports而不是module.export.

Node.js Documentation

如果你对javascript的未来感兴趣,你可以看一下export(Export Doc),它的语法略有不同.大多数浏览器尚不支持它,因此使用它需要转换器.

点赞