Uso Trois.js para crear la aplicación Vue.js+Three.js. Instalé la biblioteca Trois.js :
npm install three@0.127 troisjs Importé algunos elementos básicos a mi módulo Vue, como Renderer , Scene , etc.
import {Renderer, Scene, Camera, Sphere} from 'troisjs' Cuando ejecuto npm run serve , aparece el error:
No se encontraron estas dependencias:
- tres/ejemplos/jsm/geometries/TextGeometry.js en ./node_modules/troisjs/build/trois.module.js
- tres/ejemplos/jsm/loaders/FontLoader.js en ./node_modules/troisjs/build/trois.module.js
Lo que es interesante, TextGeometry y FontLoader existen en node_modules en el directorio mencionado anteriormente:
..build/trois.módulo.js
import { TextGeometry } from 'three/examples/jsm/geometries/TextGeometry.js'; import { FontLoader } from 'three/examples/jsm/loaders/FontLoader.js'; ... No sé por qué aparece este error, reinstalé el paquete trois.js pero fue en vano. Todavía no funciona. Este es mi archivo package.json :
{ "name": "troisapp", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "core-js": "^3.6.5", "three": "^0.127.0", "troisjs": "^0.3.3", "vue": "^3.0.0", "vue-router": "^4.0.0-0", "vuex": "^4.0.0-0" }, "devDependencies": { "@vue/cli-plugin-babel": "~4.5.0", "@vue/cli-plugin-eslint": "~4.5.0", "@vue/cli-plugin-router": "~4.5.0", "@vue/cli-plugin-vuex": "~4.5.0", "@vue/cli-service": "~4.5.0", "@vue/compiler-sfc": "^3.0.0", "@vue/eslint-config-prettier": "^6.0.0", "babel-eslint": "^10.1.0", "eslint": "^6.7.2", "eslint-plugin-prettier": "^3.3.1", "eslint-plugin-vue": "^7.0.0", "prettier": "^2.2.1" }, "description": "## Project setup ``` npm install ```", "main": ".eslintrc.js", "keywords": [], "author": "", "license": "ISC" }TextGeometry y FontLoader se trasladaron a los ejemplos con r133 . Lo que significa que trois.js espera que trabaje con una versión más reciente three.js y no con r127 .