vue3+ cesium报错.vite/dep路径找不到静态资源
问题
vue3 + cesium中,有时候会出现类似.../node_modules/.vite/deps/Widgets/Images/ImageryProviders/bingAerial.png 404 (Not Found)的错误,更换了vite版本,删除node_modeuls重新npm i都没用。
如图:
原因
cesium依赖了自带的大量静态资源文件,vite不会自动处理这些静态依赖,需要手动处理。
PS:没升级最新vite之前是正常的,升级了vite之后就出现该问题,暂留标记。
解决方案
使用vite-plugin-cesium插件处理Cesium依赖的静态文件
npm install vite-plugin-cesium --save-dev- 修改vite.config.ts / vite.config.js(我用的TS,也有用的JS)
//vite.config.ts
import cesium from 'vite-plugin-cesium';
export default defineConfig({
plugins: [cesium()],
build: {
// 让 Cesium 的资源路径正确构建
assetsInlineLimit: 0,
},
});
完毕。

浙公网安备 33010602011771号