代码之家  ›  专栏  ›  技术社区  ›  tone

传单热图覆盖打破移动到角6与点网核心2.1

  •  0
  • tone  · 技术社区  · 7 年前

    我目前正在将我的angular代码从旧的dotnet核心angular模板移到新的angular cli版本。我用新的angular 6版本完全替换了angular模板中的angular 5cli,并成功地启动了基本站点。

    在旧模板中,我添加了热图.js和传单热图给我包.json文件:

    "leaflet": "1.3.1",
    "heatmap.js": "2.0.5",
    "leaflet-heatmap": "1.0.0",
    

    然后,因为heatmap不符合从npm包导入Angular的正确结构,我将以下内容添加到webpack.config.vendor供应商.js文件:

    "heatmap.js/build/heatmap.min.js",
    "leaflet-heatmap/leaflet-heatmap.js",
    

    在我的代码中,我可以导入热图和单张热图,并声明heatmaprelay变量。

    import "heatmap.js";
    import "leaflet-heatmap";
    declare var HeatmapOverlay: any;
    

    热图会起作用: Heatmap overlay

    "热图.js": "2.0.5",
    “单张热图”:“1.0.0”,
    

    这次,我想处理不正确结构的脚本的导入,我可以将它添加到角度.json文件如下:

    "scripts": [
                  "node_modules/jquery/dist/jquery.min.js",
                  "node_modules/bootstrap/dist/js/bootstrap.min.js",
                  "node_modules/heatmap.js/build/heatmap.min.js",
                  "node_modules/leaflet-heatmap/leaflet-heatmap.js"
                ],
    

    遗憾的是,此操作失败,并出现以下错误:

    我觉得这真的是一个如何变老的问题webpack.config.vendor供应商.js结构转换为新的角度.json格式。有什么办法解决这个问题吗?

    1 回复  |  直到 7 年前
        1
  •  0
  •   tone    7 年前

    "scripts": [
                  "node_modules/jquery/dist/jquery.min.js",
                  "node_modules/bootstrap/dist/js/bootstrap.min.js",
                  "node_modules/leaflet/dist/leaflet.js",
                  "node_modules/heatmap.js/build/heatmap.min.js",
                  "node_modules/leaflet-heatmap/leaflet-heatmap.js"
                ]