升级至Aurelia-Validation 1.1.3后绑定行为错误的解决方法

This error happens because Aurelia-Validation 1.x completely changed the syntax for its validate binding behavior—your code is still using the old deprecated format that the 1.1.3 version no longer supports. Here's how to fix it step by step:

1. Update the Binding Syntax #

The old &validate:validation format is no longer valid. You need to switch to the new attribute-based binding approach:

Old (Broken) Code: #

<input type="text" value.bind="invite.firstName&validate:validation">

New (Working) Code: #

If you're using a named validation controller (like your validation instance):

<input type="text" value.bind="invite.firstName" validate.bind="validation">

If you're relying on the default validation controller (no custom named instance), you can simplify it even further:

<input type="text" value.bind="invite.firstName" validate>

2. Double-Check Your Validation Controller Setup #

Make sure your viewmodel is correctly initializing the validation controller (this ensures the validation instance exists for binding):

import { ValidationControllerFactory } from 'aurelia-validation';

export class InviteViewModel {
  constructor(validationControllerFactory) {
    // Create a validation controller scoped to this viewmodel
    this.validation = validationControllerFactory.createForCurrentScope();
  }
}

3. Clear Build Caches (If Issues Persist) #

If you've updated the syntax but still see errors, clear your build artifacts and reinstall dependencies to eliminate cached old code:

# Delete node_modules and lock files
rm -rf node_modules package-lock.json
# Reinstall dependencies
npm install
# Clean your build cache (adjust command based on your Aurelia setup)
npm run clean
# Rebuild your application
npm run build

You'll need to update every instance of &validate:validation in your templates to the new attribute syntax—this should resolve the compatibility error entirely.

内容的提问来源于stack exchange，提问作者Greg Gum