JSON-搅拌器和；ThreeJS-意外令牌<；在JSON中的位置0

我使用io_three插件从Blender导出了一个3D模型

现在，我尝试使用如下代码将此模型加载到3JS中

import React, { Component } from 'react';
import * as THREE from 'three';
var loader = new THREE.JSONLoader();
loader.load('./making_a_face10.json', handle_load);

我总是收到相同的错误消息

Unexpected token < in JSON at position 0

这确实暴露了JSON中的数据，但我希望ThreeJS加载程序能够工作

然后我找到了这个示例，当我查看源代码时，它显示“model”正在作为.js文件导入，也就是说，他们是这样加载的：

var JSONdata = require('./making_a_face10.json');

loader.load( 'models/animated/monster/monster.js', function ( geometry, materials )...

有足够的材料来解释我想做什么，但没有一个指向将模型作为.js文件加载

还有两个注意事项-我的JSON文件的格式非常类似于此，我正在使用

npm start

如果有哪个神童能帮助我，我将不胜感激

已解决

---

在React项目文件夹中。.JSON文件位于我的

/src

文件夹中。它应该在我的

/public

文件夹中

正如Kryten在评论中提到的。。您的负载正在下降。JSON文件中的第一个字符不是“错误”，这让我觉得您的导入工作不正常。你在用网页包吗？您可能需要添加一个json加载程序才能使其正常工作。请查看此示例以在Webpack中加载静态json文件。你应该尝试将它作为变量导入：这个错误表明你没有得到你认为得到的文件——它告诉你文件的初始字符是

OMG，伙计。我只是做了和hauhau完全一样的事。网页包让我们觉得一切都是捆绑的。