Kendo ui Aurelia Kendo桥和Aurelia.Net核心温泉项目
我已使用.Net CLI命令创建了一个新的Aurelia/.Net Core/Typescript项目:Kendo ui Aurelia Kendo桥和Aurelia.Net核心温泉项目,kendo-ui,webpack,aurelia,Kendo Ui,Webpack,Aurelia,我已使用.Net CLI命令创建了一个新的Aurelia/.Net Core/Typescript项目: dotnet new aurelia 这很有效。现在我想在这个项目中使用Aurelia剑道桥插件 Aurelia的.Net Core模板使用Webpack,因此我一直在尝试按照此处介绍Webpack安装的说明进行操作: 我已完成以下步骤: 安装了剑道核心npm软件包: npm安装剑道ui核心jquery——保存 已安装的Aurelia Kendo桥: npm安装aurelia kendou
dotnet new aurelia
这很有效。现在我想在这个项目中使用Aurelia剑道桥插件
Aurelia的.Net Core模板使用Webpack,因此我一直在尝试按照此处介绍Webpack安装的说明进行操作:
我已完成以下步骤:
npm安装剑道ui核心jquery——保存
npm安装aurelia kendoui桥——保存
条目:{
供应商:[
“aurelia事件聚合器”,
“aurelia获取客户端”,
“奥雷利亚框架”,
“aurelia历史浏览器”,
“aurelia日志控制台”,
“aurelia pal浏览器”,
“aurelia polyfills”,
'aurelia路由识别器',
“奥雷利亚路由器”,
“aurelia模板绑定”,
“aurelia模板资源”,
“aurelia模板路由器”,
“自举”,
'bootstrap/dist/css/bootstrap.css',
“jquery”,
“剑道ui核心”,
“aurelia kendoui桥”
],
}
导入“同构提取”代码>
import{Aurelia,PLATFORM}来自“Aurelia框架”代码>
import'bootstrap/dist/css/bootstrap.css'代码>
import'bootstrap'代码>
导入“剑道ui核心”代码>
if (IS_DEV_BUILD) {
aurelia.use.developmentLogging();
}
aurelia.start().then(() => aurelia.setRoot(PLATFORM.moduleName('app/components/app/app')));
<代码>导入'aurelia kendoui bridge'代码>
declare const IS_DEV_BUILD:boolean代码>
导出功能配置(aurelia:aurelia){
aurelia.use.standardConfiguration()
.plugin(PLATFORM.moduleName('aurelia-kendoui-bridge');
}
但是,当我运行此命令时,会出现以下错误:
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核心项目获得了Aurelia Kendo桥?有一个供应商清单.json
文件,webpack使用该文件引用应用包中的供应商模块。您的错误意味着此清单与从供应商包导出的清单不匹配
var vendor_8b79c30b7e7439ee178d =
/******/ (function(modules) { // webpackBootstrap
...
我的供应商包中的第一对在线
var vendor_8b79c30b7e7439ee178d =
/******/ (function(modules) { // webpackBootstrap
...
我舱单的开始
{"name":"vendor_8b79c30b7e7439ee178d",
名称中有一个匹配项
重建供应商捆绑包,然后重建应用程序捆绑包,应该可以解决此问题
webpack --config webpack.config.vendor.js
webpack --config webpack.config.js
此外,aurelia模板有一个非常严重的错误,它阻止了供应商捆绑包的可重用性。请确保查看修复程序。这不再是一个问题。按照上述原始问题中的步骤,现在将生成一个工作项目。谢谢您的回答。今天我在一个新项目上重试了我问题中列出的所有步骤,现在看来效果不错,所以不管问题是什么,都已经解决了。