Uncaught TypeError: font.generateShapes is not a function

Uncaught TypeError: font.generateShapes is not a function when trying to create a text geometry Following the code leads to const shapes = font.generateShapes( text, parameters.size );

This is my code:

import { TextGeometry } from 'three/examples/jsm/geometries/TextGeometry'
import font from 'three/examples/fonts/helvetiker_regular.typeface.json'

const textGeometry = new TextGeometry('This is a 3d font', {
    font: font,
})

Notes:

• The initial code included all other parameters but I removed them to limit the error
• I am using parcel as my development server
• I have also used font loader and a different issue popped up saying Uncaught (in promise) SyntaxError: Unexpected token e in JSON at position 0, I commented the origin of the error only to bounce back to this one

[jjwall]

Getting this same error after updating from 0.127.0 to 0.146.0. Is it possible there was an API refactor removing the Font module altogether?

Edit: Found it

Migration guide info can be found here:

https://github.com/mrdoob/three.js/wiki/Migration-Guide#132--133

[genzzo]

Kinda weird considering I am using the provided three.js font, and that I used the provided tool on the website for creating JSON fonts. But I guess that makes sense as it didn’t contain the attributes for generating shapes when I logged it in the console.

Thank you either way, I’ll see what I can do about it.