我想創建 m 前三個 js 專案并遵循教程。但是當我的頁面加載時沒有場景出現。場景應該是完全黑色的,但該站點只是白色。
Chrome 瀏覽器控制臺:
三.js:1 無法加載資源:net::ERR_FILE_NOT_FOUND main.js:1 未捕獲的語法錯誤:無法在模塊外使用匯入陳述句
我的 vs 代碼作業區;

我的 html 和 js 代碼:
function main(){
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(45,window.innerWidth/window.innerHeight,1,1000);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth,window,innerHeight);
document.getElementById('webgl').appendChild(renderer.domElement);
renderer.render(scene,camera);
}
main();
<!DOCTYPE html>
<html>
<head>
<title>Three js test</title>
<style type="text/css">html, body {margin: 0; padding: 0; overflow: hidden;}</style>
</head>
<body>
<div id="webgl"></div>
<script src="/lib/three.js"></script>
<script src="./main.js"></script>
</body>
</html>
uj5u.com熱心網友回復:
<script src="lib/three.js"></script>
也許嘗試從您的three.js 路徑中洗掉“/”?
uj5u.com熱心網友回復:
我最終使用了 vs code 的實時服務器擴展,并使用了three.module.js。
它使用這個作業。
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/317750.html
標籤:javascript html 网络 三.js
下一篇:為什么狀態沒有用給定值初始化?
