未捕获的ReferenceError:未定义jQuery VueJS Parcel

时间:2019-03-02 20:58:11

标签: javascript jquery vue.js parcel

我有这个:

import jQuery from 'jquery'
import HSCore from './components/assets/js/hs.core.js'

但是我仍然得到这个:

 Uncaught ReferenceError: jQuery is not defined
    at Object.parcelRequire.client/components/assets/js/hs.core.js (hs.core.js:177)

为什么

import jQuery from 'jquery'实际上确实(通过console.log(jQuery)导入jQuery,但是我的其他JS文件在访问它时有问题(?)。这是在使用Parcel loader的Vue文件中。

hs.core.js文件:

(function ($) {
...

})(jQuery); //<-- line 177

1 个答案:

答案 0 :(得分:1)

这可以做到:

const { $, jQuery } = require('jquery');
global.$ = $;
global.jQuery = jQuery;

require( './components/assets/js/hs.core.js');//<-- this made it work with all the above code too

// $ object now exists:  $(“#el”)
// jQuery now exists:  jQuery(“#el”)