奧裏利亞劍道大橋和奧裏利亞對.NET核心溫泉項目

我創建使用.net CLI命令一個新的Aurelia路上/.Net核心/打字稿項目：奧裏利亞劍道大橋和奧裏利亞對.NET核心溫泉項目

dotnet new aurelia

這個偉大的工程。現在我想在這個項目中使用Aurelia Kendo Bridge插件。

的Aurelia路上了.NET核心模板使用的WebPack所以我一直在努力遵循覆蓋安裝了的WebPack這裏的說明：http://aurelia-ui-toolkits.github.io/demo-kendo/#/installation

我也做了以下步驟：

安裝了劍道核心NPM包：

npm install kendo-ui-core jquery --save
安裝奧裏利亞劍道橋：

npm install aurelia-kendoui-bridge --save
包含在webpack.config.vendor.js文件的入口節點這些NPM軟件包：

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' ], }
將kendo-ui-core和aurelia-kendoui-bridge導入boot.ts文件，並按照安裝說明添加橋插件。 boot.ts現在看起來是這樣的（道歉狡猾的格式 - 因爲某些原因不想碼格式應用到整個塊）：

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')));

}

然而，當我運行此我得到的錯誤：

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)

我對Webpack和劍道橋的知識是非常基本的，所以我可能在這裏錯過了一些明顯的步驟。有沒有人知道我可能會做錯什麼，並且有人設法使用Aurelia .Net Core項目獲得Aurelia Kendo Bridge？

來源

2017-05-30 PRS

這不再是一個問題。遵循上面原始問題中的步驟現在導致一個工作項目。

來源

2017-10-30 09:58:22 PRS

有一個vendor-manifest.json文件，它被webpack用來引用應用程序包中的供應商模塊。你的錯誤意味着這個明顯不符合什麼正在從供應商處包出口

第一對夫婦從我的供應商捆綁

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

開頭的行我的清單

{"name":"vendor_8b79c30b7e7439ee178d",

有一個匹配在名字裏。

重建供應商捆綁包後跟應用程序捆綁重建應該可以解決問題。

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

此外，奧裏利亞模板具有其防止供應商束的可重用性非常顯著錯誤。請確保您查看this PR進行修復。

來源

2017-09-24 02:04:57

感謝您的回答。我今天在一個新項目中重新嘗試了我的問題中列出的所有步驟，現在看起來工作正常，所以無論問題是否已被解決。 – PRS

奧裏利亞劍道大橋和奧裏利亞對.NET核心溫泉項目

回答

相關問題