Firefox 不加载脚本 [重复]答案

【问题标题】：Firefox doesn't load a script [duplicate]Firefox 不加载脚本 [重复]
【发布时间】：2020-03-26 00:34:30
【问题描述】：

我正在使用平滑滚动条 (https://github.com/idiotWu/smooth-scrollbar/blob/develop/dist/smooth-scrollbar.js) 并实现了这一点。在 Chrome 上它可以正常工作。 Firefox 说“SyntaxError: bad method definition main.js 5:8”，我做错了什么？完全卡住了

现场示例：https://saraleszczynska.pl

代码（main.js）

var Scrollbar = window.Scrollbar;



class HorizontalScrollPlugin extends Scrollbar.ScrollbarPlugin
{
    static ScrollbarPluginginName = 'horizontalScroll';

    transformDelta( delta, fromEvent )
    {
        if ( !/wheel/.test( fromEvent.type ) )
            return delta;

        const { x, y } = delta;

        return {
            y: 0,
            x: Math.abs( x ) > Math.abs( y ) ? x : y,
        };
    }
}



Scrollbar.use( HorizontalScrollPlugin );

( function ( $ )
{
    var scroll = Scrollbar.init( document.querySelector( '#gallery' ), {
        alwaysShowTracks: true,
    } );

    scroll.track.yAxis.element.remove();

    $( '.goto' ).on( 'click touchstart', function ( e )
    {
        e.preventDefault();

        $( 'html, body' ).animate( {
            scrollTop: $( this.hash ).offset().top,
        }, 800 );
    } );

【问题讨论】：

标签： javascript jquery html css firefox

【解决方案1】：

更新

自 Firefox 75（2020 年 4 月 8 日发布）起现在支持静态类字段

原答案

那是因为 Firefox 还不支持静态类字段。

查看caniuse.com

原因：

公共和私有字段声明是 JavaScript 标准委员会 TC39 提出的一项实验性功能（第 3 阶段）。浏览器中的支持是有限的，但该功能可以通过构建步骤与 Babel 等系统一起使用。请参阅下面的兼容性信息。

来源：MDN

【讨论】：