将drei添加到react-three-fiber导致错误

Question

我正在做一个react-three-fiber项目，我像过去一样添加了drei。

npm i drei

问题是，一旦我尝试使用Html方面，它就抛出一个错误，关于它如何找不到曲线修饰符。我过去使用过drei，没有问题，但我不知道如何处理这个问题。

Module not found: Can't resolve 'three/examples/jsm/modifiers/CurveModifier' in '/Users/....'

import语句：

import { Html } from "@react-three/drei";

package.json文件的一部分

"dependencies": {
"@react-three/drei": "2.2.18",
"axios": "0.19.2",
"chroma-js": "2.1.0",
"next": "9.5.0",
"next-redux-wrapper": "6.0.2",
"prop-types": "15.7.2",
"ramda": "0.27.0",
"react": "16.13.1",
"react-dom": "16.13.1",
"react-redux": "7.2.1",
"react-three-fiber": "4.2.18",
"redux": "4.0.5",
"redux-devtools-extension": "2.13.8",
"redux-saga": "1.1.3",
"three": "0.119.0"
}

Answer 1

CurveModifier是一个新的三个特性。要么更新threejs，要么执行import { Html } from "@react-three/drei/Html";