Javascript 未捕获（承诺中）TypeError:$不是函数_Javascript_Jquery_Ecmascript 6_Material Design_Traceur

Javascript 未捕获（承诺中）TypeError:$不是函数

javascript jquery ecmascript-6

Javascript 未捕获（承诺中）TypeError:$不是函数,javascript,jquery,ecmascript-6,material-design,traceur,Javascript,Jquery,Ecmascript 6,Material Design,Traceur,我试图使用material design lite显示带有波纹的按钮，但出现以下错误： app.js:3未捕获（承诺中）类型错误：$不是函数（…） html文件： <body> <script> System.paths['jquery'] = './node_modules/jquery/dist/jquery.js'; System.import('src/app.js'); </script> </

我试图使用material design lite显示带有波纹的按钮，但出现以下错误：

app.js:3未捕获（承诺中）类型错误：$不是函数（…）

html文件：

  <body>
      <script>
System.paths['jquery'] = './node_modules/jquery/dist/jquery.js';
              System.import('src/app.js');
</script> 
  </body>

button.js：

      import {BaseElement} from './base-element.js';

export class Button extends BaseElement {

    constructor(title) {
        super();
        this.title = title;
}

    getElementString() {
        return `
            <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent"
                style="">
                ${this.title}
            </button>
        `;
    }

}

当jQuery将自身附加到全局对象时，您应该使用

导入“jQuery”

在默认导出为

'jquery'

的全局对象上使用

import$from'jquery'

阴影

，但jquery不导出任何内容，因此，

$==undefined

它描述了jquery没有导入到file@SanjayPatel是我的语法错误还是其他错误？当您

console.log（$）

时会得到什么？@Gothdo-same-errorTry

导入“jquery”

？

      import {BaseElement} from './base-element.js';

export class Button extends BaseElement {

    constructor(title) {
        super();
        this.title = title;
}

    getElementString() {
        return `
            <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent"
                style="">
                ${this.title}
            </button>
        `;
    }

}

    import $ from 'jquery';

export class BaseElement {

    constructor() {
        this.element = null;  // jQuery object
    }

    appendToElement(el) {
        this.createElement();
        el.append(this.element);
}

    createElement() {
        let s = this.getElementString();
        this.element = $(s);
    }

    getElementString() {
        throw 'Please override getElementString() in BaseElement';
    }
}