Kendo ui Aurelia Kendo桥和Aurelia.Net核心温泉项目

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

我已使用.Net CLI命令创建了一个新的Aurelia/.Net Core/Typescript项目:

dotnet new aurelia
这很有效。现在我想在这个项目中使用Aurelia剑道桥插件

Aurelia的.Net Core模板使用Webpack,因此我一直在尝试按照此处介绍Webpack安装的说明进行操作:

我已完成以下步骤:

  • 安装了剑道核心npm软件包:

    npm安装剑道ui核心jquery——保存

  • 已安装的Aurelia Kendo桥:

    npm安装aurelia kendoui桥——保存

  • 在webpack.config.vendor.js文件的入口节点中包含这些npm包:

    条目:{
    供应商:[
    “aurelia事件聚合器”,
    “aurelia获取客户端”,
    “奥雷利亚框架”,
    “aurelia历史浏览器”,
    “aurelia日志控制台”,
    “aurelia pal浏览器”,
    “aurelia polyfills”,
    'aurelia路由识别器',
    “奥雷利亚路由器”,
    “aurelia模板绑定”,
    “aurelia模板资源”,
    “aurelia模板路由器”,
    “自举”,
    'bootstrap/dist/css/bootstrap.css',
    “jquery”,
    “剑道ui核心”,
    “aurelia kendoui桥”
    ],
    }

  • 将剑道ui核心和aurelia kendoui bridge导入boot.ts文件,并按照安装说明添加了bridge插件。boot.ts现在看起来是这样的(为不可靠的格式表示歉意-出于某些原因,它不想将代码格式应用于整个块):
  • 导入“同构提取”

    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模板有一个非常严重的错误,它阻止了供应商捆绑包的可重用性。请确保查看修复程序。

    这不再是一个问题。按照上述原始问题中的步骤,现在将生成一个工作项目。

    谢谢您的回答。今天我在一个新项目上重试了我问题中列出的所有步骤,现在看来效果不错,所以不管问题是什么,都已经解决了。