使用“import * as jQuery”时出现“TypeError: $ is not a function”

Pat*_*ick 5 javascript jquery npm javascript-import

我有以下 JavaScript,执行时没有任何错误或警告:

import * as jQuery from './node_modules/jquery/dist/jquery.min.js';
window.$ = jQuery;
Run Code Online (Sandbox Code Playgroud)

...但是当我尝试使用我的新$()功能时...

$(document).ready(function() {
    console.log('Hello!');
} );
Run Code Online (Sandbox Code Playgroud)

...我收到此错误:

TypeError: $ is not a function
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么?

小智 6

打字方法(首选)

最好的方法是使用 jQuery 类型:

  1. 安装 jQuery

    npm install --save jquery
    
    Run Code Online (Sandbox Code Playgroud)
  2. 安装类型定义

    npm install -D @types/jquery
    
    Run Code Online (Sandbox Code Playgroud)
  3. 并按如下方式导入

    import * as $ from 'jquery';
    
    Run Code Online (Sandbox Code Playgroud)

    演示


快速且基本的方法

而不是做

window.$ = jQuery;
Run Code Online (Sandbox Code Playgroud)

一起去

declare var $:any;
Run Code Online (Sandbox Code Playgroud)