从three.js中导入SVGLoader

Question

我在vite/vue 3 typescript上，并试图通过three.js导入SVG，但一旦导入SVGLoader，就会弹出以下错误

http://localhost: 3000/node_modules .vite/deps/three_examples_jsm_loaders_SVGLoader.js吗?v=96b3206a net::ERR_ABORTED 504(网关超时)

import { SVGLoader } from "three/examples/jsm/loaders/SVGLoader";

知道是什么导致了网关错误吗?

Answer 1

根据github的讨论，这似乎是一个与模块(包)导入有关的Vite错误;我知道这一点，因为我在使用Vite中任何未经修饰的模块包时都遇到过类似的问题。

幸运的是，SVGLoader本身不依赖于任何其他包，除了3 .js，所以我建议你复制SVGLoader代码，并将其作为你自己的.ts文件包含在你的项目中。