vite创建vue3项目中three.js加载纹理不奏效问题

前几天使用leaflet修改marker图标一直没有成功，然后网上查了很多，也没有看到解决办法。现在使用three.js，添加纹理，texLoader.load('./马拉松.jpg')，如此设置的话，得到的就是漆黑的一个正方体，搜索之后得知需要使用require引入，但是require是comjs的，怎么办呢，大家先想一下

然后又查了一会，得到

首先，安装 vite-plugin-commonjs

npm i vite-plugin-commonjs

然后在vite.config.ts中添加,而且cjs要在vue前面

import commonjs from 'vite-plugin-commonjs'
const plugins=[
	commonjs(),
	vue()
]

然后就可以了

改后

结果为：