我目前正在将我的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;
热图会起作用:
"热图.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格式。有什么办法解决这个问题吗?