AUR0162

Error Message

AUR0162: Expression error: unexpected keyword "import": "{{expression}}"

Description

This error occurs when the keyword import appears in a binding expression. Dynamic import() is not supported inside Aurelia binding expressions.

Example Trigger

<!-- ❌ import is not supported in binding expressions -->
<div textcontent.bind="import('x')"></div>

Solution

Move module loading into view-model code, then bind to the result.

export class MyVm {
  value: unknown;

  async binding() {
    const mod = await import('./x');
    this.value = mod.value;
  }
}

Troubleshooting

• Search templates for import usage inside bindings.

• Prefer normal JS/TS module imports at the top-level where possible.