有人尝试过在OrbitControls函数中使用ReactJS吗?下面是我编写的示例代码:
import React, { Component } from 'react';
import 'tachyons';
import * as THREE from 'react';
import OrbitControls from 'three-orbitcontrols';
class App extends Component {
render() {
...
//Controls
const controls = new Orb
在这个上,使用导入方法调用外部模块。我在我的项目中不使用节点。我想将所有这些导入文件转换为常规的javascript文件。我如何在不使用node.js的情况下构建它们?
import * as THREE from "https://cdn.jsdelivr.net/npm/three@0.118.2/build/three.module.js";
import { OrbitControls } from "https://cdn.jsdelivr.net/npm/three@0.118.2/examples/jsm/controls/OrbitControls.js
所以我只是使用一个普通的html,没有其他的libraries..like reactjs,vitejs,vuejs等等.我只想把它作为普通的html导入,然后放在script标签中。
所以问题是,我不知道为什么我总是收到错误的进口,给我这样的东西
Uncaught TypeError: Failed to resolve module specifier "three". Relative references must start with either "/", "./", or "../".
这个问题只发生在我的Orbit
目前,我正与THREE.js和socket.io混在一起玩一个小游戏--我想用OrbitControls扩展THREE.js (我以前在一个非TS项目中使用过)来控制摄像头。
问题是客户端似乎找不到它(它编译得很好):
Uncaught TypeError: undefined is not a function
在线上:
this.cameraControls = new THREE.OrbitControls(this.camera, this.renderer.domElement);
在我的TS文件中,我使用:
///<reference path="../typing
我开始在angular.io中使用three.js,并出现以下错误:
(index):18 Error: (SystemJS) THREE is not defined
ReferenceError: THREE is not defined
at Object.eval (http://localhost:3000/node_modules/three/examples/js/controls/OrbitControls.js:16:1)
at eval (http://localhost:3000/node_modules/three/examples/js/control
目前,关于ref对象的类型(据我所知),我被一个类型记录错误所困扰。我对打字很陌生,所以我不知道如何解决这个问题!
我已经附上了给我的尖头打字稿,以及它在构建阶段抛出的错误。此外,我还使用react 3-drei和react三纤库来组合three.js对象。
这是引发的错误:
src/components/models/web/Plane.tsx:120:22 - error TS2322: Type 'MutableRefObject<OrbitControlsProps | undefined>' is not assignable to type 'R
对于我正在做的一个项目,我想做一些像THREE.OrbitControls这样的事情
var controls = new THREE.OrbitControls(camera, renderer.domElement);
但不能让摄像机动起来。
我正在寻找一些three.js插件(如OrbitControls),或一些代码来做这件事。
谢谢!
我无法让OrbitControls在我的Angular2应用程序中工作。我成功地展示了一个带有盒子的场景,但我无法移动相机。
我发现我的OrbitComponent (定义轨道控制)正在返回一个undefined值。
orbit.component.ts
import { Directive, Input } from '@angular/core';
import * as THREE from 'three';
import { OrbitControls } from 'three-orbit-controls';
@Directive
所以我正在做一个three.js项目。我让我的轨道控制系统工作了。它们工作正常,但我用鼠标移动的每一个像素,我都会得到以下错误:
Uncaught TypeError: b[c].call is not a function
at THREE.OrbitControls.dispatchEvent (three.min.js:343)
at THREE.OrbitControls.update (OrbitControls.js:230)
at handleMouseMoveRotate (OrbitControls.js:493)
at HTMLDocumen
在我的.ts文件中,我导入了三个类。但它们都是以不同的方式完成的。
import * as THREE from 'three'
import Stats from 'three/examples/jsm/libs/stats.module'
import {OrbitControls} from 'three/examples/jsm/controls/OrbitControls'
我来自c#/lua背景,不明白这里有什么不同。我的问题是:
如何知道使用哪种导入样式?*做什么,为什么第一行不需要任何路径--‘三’不在我的根目录中。为什么Orbi
使用“源地图”开发工具构建webpack用于生产时,我有以下错误:
ERROR in bundle.js from UglifyJs
Unexpected token: name (OrbitControls) [./node_modules/orbit-controls-es6/src/index.js:33,0][bundle.js:57444,6]
该构建一直工作良好的开发使用‘廉价模块-评估-源地图’webpack开发工具。
Uglify似乎有问题的模块是用于相机控制的Three.js模块,指向主类声明:
export default class OrbitControls exten
我成功地用JSPM导入了一个js 3d渲染库,如下所示:
import THREE from 'three.js/build/three';
我还想为Three.js导入轨道控制插件
import OrbitControls from 'three.js/examples/js/controls/OrbitControls';
但是,这会引发一个错误,因为插件没有引用库。
Uncaught ReferenceError: THREE is not definedOrbitControls.js:24 (anonymous function)syste
我导入了以下所有三个js和draco模块: import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.121.1/build/three.module.js';
import { DRACOLoader } from 'https://cdn.jsdelivr.net/npm/three@0.121.1/examples/jsm/loaders/DRACOLoader.js';
import { OrbitControls } from 'https://cdn.jsdelivr.net/