Aurelia Kendo-Brücke und Aurelia .Net Kern Spa Projekt

Question

ich eine neue Aurelia /.Net Kern/Typoskript Projekt angelegt haben das .Net CLI Befehl:

dotnet new aurelia 

Dies funktioniert gut. Jetzt möchte ich das Aurelia Kendo Bridge Plugin mit diesem Projekt verwenden.

Die .Net-Core-Vorlage für Aurelia verwendet Webpack so versucht, ich habe die Anweisungen zu befolgen für die Installation für Webpack hier: http://aurelia-ui-toolkits.github.io/demo-kendo/#/installation

ich getan habe, die folgenden Schritte:

1. die Kendo Installed Kern npm Paket:

   npm install kendo-ui-core jquery --save

2. installiert Aurelia Kendo Bridge:

   npm install aurelia-kendoui-bridge --save

3. diese npm Pakete in dem Eingangsknoten der webpack.config.vendor.js Datei enthalten:

   entry: { vendor: [ 'aurelia-event-aggregator', 'aurelia-fetch-client', 'aurelia-framework', 'aurelia-history-browser', 'aurelia-logging-console', 'aurelia-pal-browser', 'aurelia-polyfills', 'aurelia-route-recognizer', 'aurelia-router', 'aurelia-templating-binding', 'aurelia-templating-resources', 'aurelia-templating-router', 'bootstrap', 'bootstrap/dist/css/bootstrap.css', 'jquery', 'kendo-ui-core', 'aurelia-kendoui-bridge' ], }

   4. Importierte die kendo-ui-core und aurelia-kendoui-bridge in die Datei boot.ts und fügte das Bridge-Plugin gemäß den Installationsanweisungen hinzu. boot.ts sieht nun wie folgt (Entschuldigung für die zwielichtige Formatierung - aus irgendeinem Grunde wollte es nicht Code-Format auf den gesamten Block anzuwenden):

   import 'isomorphic-fetch';

   import { Aurelia, PLATFORM } from 'aurelia-framework';

   import 'bootstrap/dist/css/bootstrap.css';

   import 'bootstrap';

   import 'kendo-ui-core';

   import 'aurelia-kendoui-bridge';

   declare const IS_DEV_BUILD: boolean;
export function configure(aurelia: Aurelia) { aurelia.use.standardConfiguration() .plugin(PLATFORM.moduleName('aurelia-kendoui-bridge'));

   if (IS_DEV_BUILD) { 
       aurelia.use.developmentLogging(); 
   } 
   
   aurelia.start().then(() => aurelia.setRoot(PLATFORM.moduleName('app/components/app/app'))); 
   

   }

Allerdings, wenn ich diese laufen bekomme ich den Fehler:

Uncaught ReferenceError: vendor_8b79c30b7e7439ee178d is not defined 
    at Object.29 (external "vendor_8b79c30…"?f61b:1) 
    at __webpack_require__ (bootstrap 162cab7…?2baa:657) 
    at fn (bootstrap 162cab7…?2baa:85) 
    at Object.126 (global.js from dll-reference vendor_8b79c30…?da06:1) 
    at __webpack_require__ (bootstrap 162cab7…?2baa:657) 
    at fn (bootstrap 162cab7…?2baa:85) 
    at Object.7 (vendor.js?v=Filp3zKgThugnEmJ0hIhP507zLguUxBsJn0jDKuyf6c:68401) 
    at __webpack_require__ (bootstrap 162cab7…?2baa:657) 
    at fn (bootstrap 162cab7…?2baa:85) 
    at Object.14 (aurelia-metadata.js?78b1:1) 

Mein Wissen über Webpack und die Kendo Bridge ist ziemlich einfach, so dass ich hier einige offensichtliche Schritte verpasst habe. Hat jemand eine Ahnung, was ich falsch machen könnte, und hat es irgendjemand geschafft, die Aurelia Kendo Bridge mit dem Aurelia .Net Core Projekt zu bekommen?

Answer 1

Dies ist kein Problem mehr. Das Befolgen der Schritte in der obigen ursprünglichen Frage führt nun zu einem Arbeitsprojekt.

Answer 2

Es gibt eine vendor-manifest.json Datei, die von Webpack verwendet wird, um Lieferantenmodule aus dem App-Bundle zu referenzieren.Sie Fehler bedeuten, dass dieses Manifest nicht übereinstimmt, was vom Hersteller Bündel

erstes Paar

var vendor_8b79c30b7e7439ee178d = 
/******/ (function(modules) { // webpackBootstrap 
... 

Beginn meines manifest auf den Linien von meinem Anbieter Bündel

{"name":"vendor_8b79c30b7e7439ee178d", 

Es eine Übereinstimmung exportiert werden wurde im Namen.

Die Wiederherstellung des Vendor-Bundles, gefolgt von der Neuinstallation des App-Bundles, sollte das Problem beheben.

webpack --config webpack.config.vendor.js 
webpack --config webpack.config.js 

Auch hat aurelia Vorlage eine sehr bedeutende Fehler, der Wiederverwertbarkeit des Verkäufers Bündel verhindert. Stellen Sie sicher, dass Sie this PR für eine Korrektur betrachten.