Adding aurelia-validation and aurelia validatejs to Aurelia-cli app makes it crash

[SorenMuller]

Hi,

I created a Aurelia-cli app using typescript defaults.. Then I added aurelia-validatejs and aurelia-validation. Then I added them to vendor-bundle in aurelia.json and added { "name": "aurelia-validation", "path": "../node_modules/aurelia-validation/dist/amd", "main": "aurelia-validation" }, { "name": "aurelia-validatejs", "path": "../node_modules/aurelia-validatejs/dist/amd", "main": "aurelia-validatejs" }, { "name": "validate.js", "path": "../node_modules/validate.js/", "main": "validate" }, to make it compile without any errors..

But when i run it in chrome i get

vendor-bundle.js:3661 Uncaught Error: Mismatched anonymous define() module: function (exports, _validateBindingBehavior, _validateTrigger, _validationController, _validationError, _validationErrorsCustomAttribute, _validationRendererCustomAttribute, _validationRenderer, _validator) {
  'use strict';

  Object.defineProperty(exports, "__esModule", {
    value: true
  });
  Object.defineProperty(exports, 'ValidateBindingBehavior', {
    enumerable: true,
    get: function () {
      return _validateBindingBehavior.ValidateBindingBehavior;
    }
  });
  Object.defineProperty(exports, 'validateTrigger', {
    enumerable: true,
    get: function () {
      return _validateTrigger.validateTrigger;
    }
  });
  Object.defineProperty(exports, 'ValidationController', {
    enumerable: true,
    get: function () {
      return _validationController.ValidationController;
    }
  });
  Object.defineProperty(exports, 'ValidationError', {
    enumerable: true,
    get: function () {
      return _validationError.ValidationError;
    }
  });
  Object.defineProperty(exports, 'ValidationErrorsCustomAttribute', {
    enumerable: true,
    get: function () {
      return _validationErrorsCustomAttribute.ValidationErrorsCustomAttribute;
    }
  });
  Object.defineProperty(exports, 'ValidationRendererCustomAttribute', {
    enumerable: true,
    get: function () {
      return _validationRendererCustomAttribute.ValidationRendererCustomAttribute;
    }
  });
  Object.defineProperty(exports, 'validationRenderer', {
    enumerable: true,
    get: function () {
      return _validationRenderer.validationRenderer;
    }
  });
  Object.defineProperty(exports, 'Validator', {
    enumerable: true,
    get: function () {
      return _validator.Validator;
    }
  });
  exports.configure = configure;
  function configure(config) {
    config.globalResources('./validate-binding-behavior', './validation-errors-custom-attribute', './validation-renderer-custom-attribute');
  }
}
http://requirejs.org/docs/errors.html#mismatchF @ vendor-bundle.js:3661P @ vendor-bundle.js:3668(anonymous function) @ vendor-bundle.js:3680
vendor-bundle.js:3661 Uncaught Error: Mismatched anonymous define() module: function (exports, _aureliaMetadata, _aureliaValidation, _validate2) {
  'use strict';

  Object.defineProperty(exports, "__esModule", {
    value: true
  });
  exports.Validator = exports.ValidationRules = exports.ValidationRule = exports.metadataKey = undefined;
  exports.cleanResult = cleanResult;
  exports.base = base;
  exports.addRule = addRule;
  exports.length = length;
  exports.presence = presence;
  exports.required = required;
  exports.date = date;
  exports.datetime = datetime;
  exports.email = email;
  exports.equality = equality;
  exports.exclusion = exclusion;
  exports.inclusion = inclusion;
  exports.format = format;
  exports.url = url;
  exports.numericality = numericality;
  exports.configure = configure;

  var _validate3 = _interopRequireDefault(_validate2);

  function _interopRequireDefault(obj) {
    return obj && obj.__esModule ? obj : {
      default: obj
    };
  }

  var metadataKey = exports.metadataKey = 'aurelia-validatejs:rules';

  var ValidationRule = exports.ValidationRule = function () {
    function ValidationRule(name, config) {

      this.name = '';

      this.name = name;
      this.config = config;
    }

    ValidationRule.date = function date() {
      var config = arguments.length <= 0 || arguments[0] === undefined ? true : arguments[0];

      return new ValidationRule('date', config);
    };

    ValidationRule.datetime = function datetime() {
      var config = arguments.length <= 0 || arguments[0] === undefined ? true : arguments[0];

      return new ValidationRule('datetime', config);
    };

    ValidationRule.email = function email() {
      var config = arguments.length <= 0 || arguments[0] === undefined ? true : arguments[0];

      return new ValidationRule('email', config);
    };

    ValidationRule.equality = function equality(config) {
      return new ValidationRule('equality', config);
    };

    ValidationRule.exclusion = function exclusion(config) {
      return new ValidationRule('exclusion', config);
    };

    ValidationRule.format = function format(config) {
      return new ValidationRule('format', config);
    };

    ValidationRule.inclusion = function inclusion(config) {
      return new ValidationRule('inclusion', config);
    };

    ValidationRule.lengthRule = function lengthRule(config) {
      return new ValidationRule('length', config);
    };

    ValidationRule.numericality = function numericality() {
      var config = arguments.length <= 0 || arguments[0] === undefined ? true : arguments[0];

      return new ValidationRule('numericality', config);
    };

    ValidationRule.presence = function presence() {
      var config = arguments.length <= 0 || arguments[0] === undefined ? true : arguments[0];

      return new ValidationRule('presence', config);
    };

    ValidationRule.url = function url() {
      var config = arguments.length <= 0 || arguments[0] === undefined ? true : arguments[0];

      return new ValidationRule('url', config);
    };

    return ValidationRule;
  }();

  function cleanResult(data) {
    var result = {};
    for (var prop in data) {
      if (data.hasOwnProperty(prop)) {
        result = {
          propertyName: prop,
          message: data[prop][0]
        };
      }
    }
    return result;
  }

  var ValidationRules = exports.ValidationRules = function () {
    function ValidationRules() {

      this.rules = [];
    }

    ValidationRules.ensure = function ensure(prop) {
      var rules = new ValidationRules();
      return rules.ensure(prop);
    };

    ValidationRules.prototype.on = function on(target) {
      if (target instanceof Function) {
        target = target.prototype;
      }
      _aureliaMetadata.metadata.define(metadataKey, this, target);
      return this;
    };

    ValidationRules.prototype.decorate = function decorate() {
      throw new Error('not implemented');
    };

    ValidationRules.prototype.addRule = function addRule(key, rule) {
      this.rules.push({ key: key, rule: rule });
    };

    ValidationRules.prototype.ensure = function ensure(prop) {
      this.currentProperty = prop;
      return this;
    };

    ValidationRules.prototype.length = function length(configuration) {
      this.addRule(this.currentProperty, ValidationRule.lengthRule(configuration));
      return this;
    };

    ValidationRules.prototype.presence = function presence(configuration) {
      this.addRule(this.currentProperty, ValidationRule.presence(configuration));
      return this;
    };

    ValidationRules.prototype.required = function required(configuration) {
      this.addRule(this.currentProperty, ValidationRule.presence(configuration));
      return this;
    };

    ValidationRules.prototype.numericality = function numericality(configuration) {
      this.addRule(this.currentProperty, ValidationRule.numericality(configuration));
      return this;
    };

    ValidationRules.prototype.date = function date(configuration) {
      this.addRule(this.currentProperty, ValidationRule.date(configuration));
      return this;
    };

    ValidationRules.prototype.datetime = function datetime(configuration) {
      this.addRule(this.currentProperty, ValidationRule.datetime(configuration));
      return this;
    };

    ValidationRules.prototype.email = function email(configuration) {
      this.addRule(this.currentProperty, ValidationRule.email(configuration));
      return this;
    };

    ValidationRules.prototype.equality = function equality(configuration) {
      this.addRule(this.currentProperty, ValidationRule.equality(configuration));
      return this;
    };

    ValidationRules.prototype.format = function format(configuration) {
      this.addRule(this.currentProperty, ValidationRule.format(configuration));
      return this;
    };

    ValidationRules.prototype.inclusion = function inclusion(configuration) {
      this.addRule(this.currentProperty, ValidationRule.inclusion(configuration));
      return this;
    };

    ValidationRules.prototype.exclusion = function exclusion(configuration) {
      this.addRule(this.currentProperty, ValidationRule.exclusion(configuration));
      return this;
    };

    ValidationRules.prototype.url = function url(configuration) {
      this.addRule(this.currentProperty, ValidationRule.url(configuration));
      return this;
    };

    return ValidationRules;
  }();

  function base(targetOrConfig, key, descriptor, rule) {
    if (key) {
      var target = targetOrConfig;
      targetOrConfig = null;
      return addRule(target, key, descriptor, targetOrConfig, rule);
    }
    return function (t, k, d) {
      return addRule(t, k, d, targetOrConfig, rule);
    };
  }

  function addRule(target, key, descriptor, targetOrConfig, rule) {
    var rules = _aureliaMetadata.metadata.getOrCreateOwn(metadataKey, ValidationRules, target);
    if (targetOrConfig === null || targetOrConfig === undefined) {
      targetOrConfig = true;
    }
    rules.addRule(key, rule(targetOrConfig));

    if (descriptor) {
      descriptor.configurable = true;
    }
  }

  function length(targetOrConfig, key, descriptor) {
    return base(targetOrConfig, key, descriptor, ValidationRule.lengthRule);
  }

  function presence(targetOrConfig, key, descriptor) {
    return base(targetOrConfig, key, descriptor, ValidationRule.presence, true);
  }

  function required(targetOrConfig, key, descriptor) {
    return base(targetOrConfig, key, descriptor, ValidationRule.presence, true);
  }

  function date(targetOrConfig, key, descriptor) {
    return base(targetOrConfig, key, descriptor, ValidationRule.date);
  }

  function datetime(targetOrConfig, key, descriptor) {
    return base(targetOrConfig, key, descriptor, ValidationRule.datetime);
  }

  function email(targetOrConfig, key, descriptor) {
    return base(targetOrConfig, key, descriptor, ValidationRule.email);
  }

  function equality(targetOrConfig, key, descriptor) {
    return base(targetOrConfig, key, descriptor, ValidationRule.equality);
  }

  function exclusion(targetOrConfig, key, descriptor) {
    return base(targetOrConfig, key, descriptor, ValidationRule.exclusion);
  }

  function inclusion(targetOrConfig, key, descriptor) {
    return base(targetOrConfig, key, descriptor, ValidationRule.inclusion);
  }

  function format(targetOrConfig, key, descriptor) {
    return base(targetOrConfig, key, descriptor, ValidationRule.format);
  }

  function url(targetOrConfig, key, descriptor) {
    return base(targetOrConfig, key, descriptor, ValidationRule.url);
  }

  function numericality(targetOrConfig, key, descriptor) {
    return base(targetOrConfig, key, descriptor, ValidationRule.numericality);
  }

  var Validator = exports.Validator = function () {
    function Validator() {

    }

    Validator.prototype._validate = function _validate(object) {
      var propertyName = arguments.length <= 1 || arguments[1] === undefined ? null : arguments[1];
      var rules = arguments.length <= 2 || arguments[2] === undefined ? null : arguments[2];

      var errors = [];
      if (!rules) {
        rules = _aureliaMetadata.metadata.get(metadataKey, object);
      }
      if (!rules) {
        return errors;
      }
      rules = rules.rules;
      for (var i = 0, ii = rules.length; i < ii; i++) {
        var _propertyName, _validator;

        var ruleInfo = rules[i];
        if (propertyName !== null && ruleInfo.key !== propertyName) {
          continue;
        }
        var _ruleInfo$rule = ruleInfo.rule;
        var name = _ruleInfo$rule.name;
        var config = _ruleInfo$rule.config;

        var validator = (_validator = {}, _validator[propertyName] = (_propertyName = {}, _propertyName[name] = config, _propertyName), _validator);
        var result = (0, _validate3.default)(object, validator);
        if (result) {
          errors.push(new _aureliaValidation.ValidationError(ruleInfo.rule, result[propertyName][0], object, propertyName));
        }
      }
      return errors;
    };

    Validator.prototype.validateProperty = function validateProperty(object, propertyName) {
      var rules = arguments.length <= 2 || arguments[2] === undefined ? null : arguments[2];

      return this._validate(object, propertyName, rules);
    };

    Validator.prototype.validateObject = function validateObject(object) {
      var rules = arguments.length <= 1 || arguments[1] === undefined ? null : arguments[1];

      return this._validate(object, null, rules);
    };

    return Validator;
  }();

  function configure(config) {
    config.container.registerInstance(_aureliaValidation.Validator, new Validator());
  }
}
http://requirejs.org/docs/errors.html#mismatchF @ vendor-bundle.js:3661P @ vendor-bundle.js:3668(anonymous function) @ vendor-bundle.js:3680

[jdanyow]

validate.js doesn't bundle nicely. try giving these instructions a try: https://github.com/aurelia/cli#a-very-stubborn-legacy-library

[kristianmandrup]

Wonder if this error is related?

node_modules/aurelia-validatejs/dist/aurelia-validatejs.d.ts(8,8): error TS1192: Module ''validate.js'' has no default export.

[jdanyow]

validatejs was dropped in the last release.