[英]External JS Files Working in Angular 7 But Not in 8
我正在嘗試在 Angular 8 應用程序中運行這些 viewstl javascript 文件。 通過執行以下基礎操作,我已經在 Angular 6 和 7 應用程序中成功運行了它:
將 .js 文件復制到應用程序,將 web worker 文件( load_stl.min.js
和parser.min.js
)保存在根目錄中,其余文件保存在assets/scripts
。
按此工作順序將 .js 文件添加到 angular.json 中的我的腳本數組中
"scripts": [ "src/assets/scripts/three.min.js", "src/assets/scripts/webgl_detector.js", "src/assets/scripts/Projector.js", "src/assets/scripts/CanvasRenderer.js", "src/assets/scripts/OrbitControls.js", "src/assets/scripts/stl_viewer.min.js" ]
在模板中添加了必要的代碼:
html <div id="stl_container"></div>
最后從組件中引用stl_viewer.min.js
:
declare var StlViewer:any; var stl_viewer = new StlViewer(document.getElementById('stl_container'), { models: [ {id:0, filename:"assets/_somefile.stl"} ] });
正如我所提到的,它在 Angular 6 中運行良好,但是從 Angular 8 運行時,一旦從組件初始化 javascript,我就會收到錯誤 - 我不明白為什么。
GET http://localhost:4300/load_stl.min.js 404(未找到)
我不確定版本差異是否可能是問題所在
事實證明,StlViewer 類中有一個名為load_three_files
的額外屬性,它將所有 javascript 文件的路徑作為參數。
將parser.min
和load_stl.min
移動到 assets/script 文件夾並將load_three_files: "assets/scripts/"
到 StlViewer 修復了它。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.