Uncaught：$(.).velocity不是函数

Question

我有以下代码：

var $ = require('jquery');
var velocity = require('velocity-animate');

module.exports = function () {

    function togglePanel () {

        $('.trip-assist-search-panel__container').velocity({
            height: '0px'
        },{
            duration: 400
        });

    }

    return {
        togglePanel: togglePanel
    };

}();

当togglePanel()被触发时，将引发以下错误：

Uncaught：$(.).velocity不是函数

这通常是通过确保在需要JQuery的库之前加载它来解决的。但是我是..。

var $ = require('jquery'); // first
var velocity = require('velocity-animate'); // second

所以..。什么给的？

Answer 1

来自文献资料

模块加载器:浏览 如果与jQuery一起使用jQuery，则必须先使用jQuery，然后才能在window对象上全局分配jQuery： window.jQuery = window.$ = require (“path/to/jQuery-x.js”)；require("path/to/velocity.js")；//可选:如果您使用的是UI包，请在速度之后要求它。(不需要将其赋值给变量。)需要(“path/to/velocity.ui.js”)；在这里/*您的应用程序代码。*/ $("body").velocity({不透明度: 0.5 })；

您只将jQuery分配给一个本地$变量。