在 Angular 7 中工作但不在 8 中的外部 JS 文件

Question

我正在尝试在 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（未找到）

我不确定版本差异是否可能是问题所在

Answer 1

事实证明，StlViewer 类中有一个名为load_three_files的额外属性，它将所有 javascript 文件的路径作为参数。

将parser.min和load_stl.min移动到 assets/script 文件夹并将load_three_files: "assets/scripts/"到 StlViewer 修复了它。