如何解决Three.js Gltf加载程序返回错误
我正在学习THREE.js,并且有一个gltf文件要加载到文件中。
这是我的html文件:
<html>
<head>
<title>Liftoff!!</title>
<style>
body { margin: 0; }
canvas { display: block; }
</style>
</head>
<body>
<script type="module">
import { GLTFLoader } from 'file:///Users/name/Desktop/three.js-practice/node_modules/three/examples/jsm/loaders/GLTFLoader.js';
import * as THREE from "file:///Users/name/Desktop/three.js-practice/node_modules/three/build/three.js"
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 75,window.innerWidth / window.innerHeight,0.1,1000 );
var renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth,window.innerHeight );
document.body.appendChild( renderer.domElement );
var loader = new GLTFLoader.GLTFLoader();
loader.load( 'gltf.html',function (gltf) {
scene.add( gltf.scene )
},undefined,function ( error ) {
console.error( error )
} )
</script>
</body>
</html>
我正在用谷歌浏览器打开我的文件,当我打开它时,它不起作用,并且JavaScript控制台返回此错误:
“ gltf.html:1从源“ null”访问位于'file:///Users/isaac/Desktop/three.js-practice/node_modules/three/examples/jsm/loaders/GLTFLoader.js'的脚本已被CORS政策阻止:跨协议请求仅支持以下协议方案:http,数据,chrome,chrome扩展名,https。
GLTFLoader.js:1无法加载资源:net :: ERR_FAILED
gltf.html:1 CORS已阻止从源'null'访问'file:///Users/isaac/Desktop/three.js-practice/node_modules/three/build/three.js'中的脚本政策:跨源请求仅支持以下协议方案:http,数据,chrome,chrome扩展名,https。
three.js:1无法加载资源:net :: ERR_FAILED”
我尝试在localhost中执行此操作,但这也不起作用。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。