Question

我正在研究一个Symfony 3项目并尝试构建一个框架fỏ前端开发。我决定使用webpack encore。这是我的webpack条目文件：

// assets/js/app.js

// loads the jquery package from node_modules
var $ = require('jquery');
require('node-waves');
require('popper.js');
require('bootstrap');
require('mdbootstrap');
require('slick-carousel');
require('jquery-validation');
require('jquery-validation-unobtrusive');
require('multi-step-form-js');

$(document).ready(function() {});

如果我不使用“multi-step-form-js”，事情似乎没问题。如果我要求它进入条目文件。我会在Google Chrome的控制台中收到类似这样的错误“Uncaught TypeError：无法读取未定义的属性'原型'”。它将我定位到libary中的这段代码：

$.validator.prototype.subset = function(container) {
    var ok = true;
    var self = this;
    $(container).find(':input').each(function() {
        if (!self.element($(this))) ok = false;
    });
    return ok;
};

我认为问题是缺少依赖性（“jquery-validation”）。我尝试用这行代码“require（'jquery-validation'）;”来要求它。问题没有解决。我猜这个webpack默认使用requirejs，所以我必须找到一种特殊的方法来要求它。不幸的是，我仍然在寻找。有没有关于如何解决它的想法？提前谢谢！

Answer 1

对于缺少的依赖项，您可以尝试使用以下内容手动将其安装到devDependencies。

npm install -D jquery-validation或yarn add -D jquery-validation

请确保包裹名称正确无误。我只是使用你拼写的内容。

如何要求一个依赖webpack的js库？

1 个答案: