Unable to use fontLoader or textGeometry

airicyh

已于 2023-09-20 10:59:54 修改

阅读量190

点赞数

文章标签：前端

于 2023-04-06 14:39:08 首次发布

本文链接：https://blog.csdn.net/qq_44368698/article/details/129989033

版权

在尝试创建3D文本时遇到两个警告，提示FontLoader和TextGeometry未在three.js库中找到。尽管尝试从three/examples/jsm加载这些模块，但仍然出现错误。问题可能与three.js版本或导入路径不正确有关。

摘要由CSDN通过智能技术生成

I am trying to create some 3d text but I get the following error:

 WARNING  Compiled with 2 warnings                                                                                           下午2:35:26

 warning  in ./src/views/dashboard/mixins/threeMap.js

"export 'FontLoader' (imported as 'THREE') was not found in 'three'

 warning  in ./src/views/dashboard/mixins/threeMap.js

"export 'TextGeometry' (imported as 'THREE') was not found in 'three'

version : "three": "^0.151.3"

usage example:

import { FontLoader } from 'three/examples/jsm/loaders/FontLoader'
import { TextGeometry } from 'three/examples/jsm/geometries/TextGeometry'

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

airicyh

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

WebGL/ThreeJS创建立体文字TextGeometry

11-30

WebGL/ThreeJS创建立体文字TextGeometry

fontloader:Fontloader Polyfill

05-06

您可以使用fontloader polyfill防止未样式化文本（FOUT）闪烁，或者在加载字体后执行JavaScript代码（例如，执行布局或显示用户界面元素。）原料药安装如果您使用npm： $ npm install fontloader 否则，将文件...

参与评论您还未登录，请先登录后发表或查看评论

three.js引用FontLoader()报错Unexpected token ＜ in JSON at position 1

weixin_43794749的博客

03-25

2373

使用three.js的FontLoader()时，总是报错，文件也是正常的引入的json文件，但是还是报错。后来各自百度发现是文件路径的问题，报错时我使用的是相对路径 const loader = new THREE.FontLoader() console.log('loader', loader) let url = '../../../public/fonts/FZLanTingHeiS-DB-GB_Regular.json' loader.load(..

threejs报错记录_1

m0_60707623的博客

03-18

764

threejs找不到textGeometry bug记录

warnings (imported as 'THREE') was not found in 'three'

出埃及记

12-29

1万+

这个问题还没解决！用Vue.js 重构项目的时候，引入three.js和其他相关的东西的时候会出现上面的警告。今天就说一下这个解决办法，但是我觉得这个方法不一定适用所有的项目。一、引入THREE 首先用 npm 安装了 three, 然后再项目里面引入了。如下代码所示。 import * as THREE from 'three' 这个时候还需要引入其他three.js 的方法。比...

Three.js系列-报错export ‘Geometry‘ (imported as ‘THREE‘) was not found in ‘three‘

tangdou369098655的博客

06-07

1175

所以只需要搜索代码中的THREE.Geometry。欢迎大家指出文章需要改正之处~

VUE中使用Three所遇到的问题

sunzq01的博客

09-17

2489

由于公司要使用动画效果，分析了一段时间以后，决定使用Three.js，一般官网给的demo大部分都是在HTML静态界面中应用引用，但是自己想使用import引用，那么问题就来了，先上之前安装方法和引用方法： npm install three --save import * as THREE from "three"; 项目引用上以后，发现问题还真不少，这里不上代码，只分析遇到的问题，勿喷首先在引用完成以后，代码写完以后，在编译时出现警告： "export ‘ParticleCanvasMaterial

WebGL/ThreeJS场景中创建立体文字TextGeometry

11-30

本教程将深入探讨如何在Three.js场景中创建具有深度和纹理的立体文字，即TextGeometry。首先，我们要了解TextGeometry的基础概念。TextGeometry是Three.js提供的几何形状之一，它允许我们通过指定的文本字符串创建...

fontloader:适用于现代浏览器的小巧快速的字体加载器

06-02

字体加载器适用于现代浏览器的小巧快速的字体加载器这是基于代码，并进行了修改以使其更适合我的项目。用法 ... 这个 Javascript 文件是一个立即执行的函数，缺少参数。将此脚本放在任何外部样式表之前的文档头中...

fontloader:无痛，可靠地将本地字体和Web字体加载到Framer原型中

04-25

字体加载器 :waving_hand: 我不再更新此项目，它可能无法在较新版本中使用！介绍使用非标准字体可能会给您的Framer项目带来很大的麻烦。此模块可确保在代码运行之前正确加载所有本地字体或Web字体。安装将fontloader.coffee到项目的modules文件夹中将字体的本地副本（即'YourFont-Regular.ttf）放入项目的文件夹中在您的项目代码的顶部需要此模块。如果您正在加载本地文件... { loadLocalFonts } = require ' fontloader ' 如果您正在加载网络字体... { loadWebFonts } = require ' fontloader ' 用法该模块的两个函数loadLocalFonts和loadWebFonts都将一个或多个对象作为单独的参数。这些对象共享两个属性： fontFamily （字体名称）和fo

threejs-ts-boilerplate

05-11

threejs-ts-样板发展 npm install npm start 已知问题 client:141 [WDS] Warnings while compiling. client:147 ./index.ts 6:21-40 "export 'OrbitControls' (imported as 'THREE') was not found in 'three'

“export ‘Geometry‘ (imported as ‘THREE‘) was not found in ‘three‘

X01动力装甲的专栏

04-28

5606

"export ‘Geometry’ (imported as ‘THREE’) was not found in ‘three’ 因为three.js 在 r125版本中干掉了Geometry，全部采用BufferGeometry。 ~~three.js 在 r125版本中终于干掉了Geometry。~~ 如果你的项目升级后出现了上述的错误，就需要仔细修改了。比如之前采用了geometry.vertices.push那么就会接着报错的，找到错误按照API修改即可。 TypeError: Cannot r

"export 'default' (imported as '...') was not found in ''..."

最新发布

苦瓜_小学生的博客

04-24

738

three.js使用FontLoader加载JSON格式的字体的类报错SyntaxError: Unexpected token < in JSON at position 0，使用FontLoader加载解析后的font，引入转化JSON文件

“export ‘default‘ (imported as ‘xxx‘) was not found in ‘xxx‘解决办法

YukiGreen的博客

07-13

2万+

"export 'default' (imported as 'xxx') was not found in 'xxx'解决办法

vue.js+THREE.js演示服务端3D模型流程总结

07-04

1115

three.js官网 ·场景搭建使用npm或者其他获取安装three，就像npm i three，之后在需要演示模型的vue组件内import * as THREE from 'three'，此时我们就可以创建场景scene、灯光light、镜头、几何体等等开始渲染循环了镜头控制是必要的，我们不会加载一个3D模型只为了看一面的剪影，从官网可以找到许多种控制器，本项目...

const addTextF = (srcText, sizef, heightn, num,objMain) => { const loader = new FontLoader(manager); loader.load('./mapData/FZXiYuan-M01S_Regular.json', (font) => { let geometryText = [] let mesh = { obj: [], gropzhou:[] } const color = 0xffffff; const matLite = new THREE.MeshStandardMaterial({ color: color, emissive: color, emissiveIntensity: 15, transparent: true, opacity: 1, side: THREE.DoubleSide }); geometryText[num] = new TextGeometry(srcText, { font: font, size: sizef, height: heightn, curveSegments: 12, bevelEnabled: false, bevelThickness: 10, bevelSize: 16, bevelOffset: 0, bevelSegments: 5 }); mesh.obj[num] = new THREE.Mesh(geometryText[num], matLite) mesh.obj[num].name = '分支文字' mesh.obj[num].material.name = '分支文字材质' const box = new THREE.BoxHelper(mesh.obj[num], 0xffff00); let TextLength = (box.geometry.attributes.position.array[9] - box.geometry.attributes.position.array[6]) / 2//通过边界框计算出了生成数据长度 mesh.obj[num].position.x -= TextLength mesh.obj[num].position.z=0.4 mesh.obj[num].rotation.x=-90/180 *Math.PI mesh.gropzhou[num]=new THREE.Group() const formatter = new Intl.NumberFormat('en-US'); mesh.gropzhou[num].name='文字轴心'+formatter.format(num); mesh.gropzhou[num].add( mesh.obj[num]) objMain.add( mesh.gropzhou[num] ) } ) }如何把mesh.obj[num]作为返回值返回

05-15

const loader = new FontLoader(manager); loader.load('./mapData/FZXiYuan-M01S_Regular.json', (font) => { let geometryText = [] let mesh = { obj: [], gropzhou:[] } const color = 0xffffff; ...