在 Gridsome 项目中使用 .GLB / Blender 文件 (Vue.js)

Question

我在 Gridsome 项目中使用 Three.js，但我无法使用 GLTFLoader 导入 .glb 文件（3D 模型）。 Gridsome 认为 img (png/jpg) 或 .js 文件存储在 src/assets 而不是 glb.

我的文件层次结构：

我的导入函数：

this.loader.load('../assets/models/mars.glb', function(gltf) {
  let scale = 5.6;
});

我在加载文件时收到 404 错误。

有什么想法吗？

Answer 1

使用 Gridsome 的 the /static directory 并重建您的项目此目录中的所有文件将在构建期间直接复制到您的 dist。

之后您可以将导入函数更改为：

this.loader.load('./nameOfYourModel.glb', function(gltf) {
  // Your code here 
});

Use .GLB / Blender files in Gridsome project (Vue.js)