Question

我有一个Scroller班：

class Scroller {
    constructor() {
        super();
    }

    scroll() {
        alert("this works");
    }

}

module.exports = Scroller;

已导入我的应用文件...

import '../css/main.scss';
import { nodes } from './nodes';
import { Scroller } from './scrolling';

const s = new Scroller; 

nodes.nav.addEventListener('click', () => {
    s.scroll();
});

当我单击导航时，为什么此控制台不会记录“这有效”？

PS，我确定事件监听器的设置正确，问题出在使用该方法...

Answer 1

除了固定括号外，还有一个问题

module.exports = Scroller;

您要导出Scroller作为默认导出，但是

import { Scroller } from './scrolling';

您正试图将其作为名为的导入。但是scrolling的出口上没有这样的命名导入。而是从./scrolling导入 default 对象：

import Scroller from './scrolling';

如何从导入的类访问方法？

1 个答案: