aurelia - aurelia-Validierungsergebnisse in Modul nicht gefunden

Question

Ich hatte das gleiche Problem mit Aurelia-api und Aurelia-Autorisierung in dem ich nicht scheinen kann, diese Plugins hinzuzufügen, ohne dass es nicht erkannt wird. In meiner login.ts Datei habe ich hinzugefügt:

import {ValidationRules, ValidationController} from "aurelia-validation"; 

... und seine mir zu sagen, es nicht Modul aurelia-Validierung finden.

Ich fragte vor kurzem THIS Frage und folgte dann dem Kommentarvorschlag, aber immer noch ohne Erfolg.

Hatte einen Blick für ähnliche Fragen, aber die, die ich fand, war veraltet.

Dies ist, was ich getan habe.

Added "aurelia-Validierung" als Plugin in den boot.ts-Datei wie folgt:

 import "isomorphic-fetch"; 
     import { Aurelia, PLATFORM } from "aurelia-framework"; 
     import { HttpClient } from "aurelia-fetch-client"; 
     import "bootstrap/dist/css/bootstrap.css"; 
     import "bootstrap"; 
     declare const IS_DEV_BUILD: boolean; // The value is supplied by Webpack during the build 

     export function configure(aurelia: Aurelia) { 
     aurelia.use 
      .standardConfiguration() 
      .plugin(PLATFORM.moduleName("aurelia-validation")); // Here! 

     if (IS_DEV_BUILD) { 
      aurelia.use.developmentLogging(); 
     } 

     new HttpClient().configure(config => { 
      const baseUrl = document.getElementsByTagName("base")[0].href; 
      config.withBaseUrl(baseUrl); 
     }); 

     aurelia 
      .start() 
      .then(() => aurelia.setRoot(PLATFORM.moduleName("app/app/app"))); 

Wie Sie die ich verwendet habe sehen können:

.plugin(PLATFORM.moduleName("aurelia-validation")); 

Dies war nach der Zugabe von „aurelia -validation "zur package.json Datei und dann läuft Garn.

Muss ich das auch zum webpack hinzufügen?

Wie fügen Sie diese Plugins hinzu?

Answer 1

Je nachdem, wie Ihr webpack konfiguriert ist, müssen Sie wahrscheinlich gerade dies auch Abschnitt Ihrer webpack.config.vendor.js an den Lieferanten Datei hinzufügen, etwa so:

module.exports = ({ prod } = {}) => { 
    ... 
    return [{ 
     ...,   
     entry: { 
      vendor: [        
       ... 
       'aurelia-validation', 
       ... 
      ], 
     }, 
     ...   
    }] 
}; 

Und dann kompiliert die Datei vendor.js auch, wenn dies nicht automatisch in Ihrem Build-Prozess geschieht, indem Sie etwas wie folgt verwenden: