使用Stl Viewer Javascript插件的ASP.NET Core MVC網頁中無法呈現3D模型

Question

我可以使用他們的遠程托管選項，但是速度很慢。 我浪費了很多時間試圖讓JS插件正常工作。

我無法在div內部顯示3d模型，如此處的指南中所示： https : //www.viewstl.com/plugin/#usage 。

我的頁面上有div容器，如下所示：

<div id="stl_cont" style="various color and size stuff">Rendering 3D... Please Wait</div>

而且我所有的js文件都位於wwwroot的js文件夾中，所以我有這個：

<script src="~/js/stl_viewer.min.js"></script>

（如果我查看源代碼，我可以單擊min.js的鏈接，它會顯示在瀏覽器中，因此我認為該路徑也是有效的）

我接下來的代碼是：

<script>
    var stl_viewer = new StlViewer(document.getElementById("stl_cont"),{models:[{ id: 0, filename: "https://www.exploredungeons.com/3dmodels/012/filename.stl", load_three_files: "js" }]});
</script>

我可以查看源代碼，然后單擊STL文件的鏈接，該鏈接將下載，因此路徑似乎正確。

我正在運行ASP.NET CORE MVC，如果有幫助的話。 當我運行並指向遠程服務時，一切正常。 我不知道丟失了什么。

Answer 1

當我將所有相關的js文件從wwwroot/js直接刪除到wwwroot文件夾並更改為

<script src="/stl_viewer.min.js"></script>

更新：

我所有的腳本文件和STL文件都直接位於wwwroot文件夾下。

視圖：

<div id="stl_cont" style="width:500px;height:500px;margin:0 auto;"></div>
@section Scripts{
    <script src="/stl_viewer.min.js"></script>
    <script>
    var stl_viewer = new StlViewer(document.getElementById("stl_cont"), { models: [{ id: 0, filename: "Sheep_1.stl" }] });
</script>
}

Answer 2

找到了答案。

Stl Viewer希望所有js文件都與使用它的頁面位於同一文件夾中，對於MVC應用程序來說這是不切實際的，因此它們還提供了一個參數LOAD_THREE_FILES，您可以使用它來指定js文件的位置需要。