vue3+ cesium报错.vite/dep路径找不到静态资源

问题

vue3 + cesium中,有时候会出现类似.../node_modules/.vite/deps/Widgets/Images/ImageryProviders/bingAerial.png 404 (Not Found)的错误,更换了vite版本,删除node_modeuls重新npm i都没用。
如图:

image.png

原因

cesium依赖了自带的大量静态资源文件,vite不会自动处理这些静态依赖,需要手动处理。

PS:没升级最新vite之前是正常的,升级了vite之后就出现该问题,暂留标记。

解决方案

使用vite-plugin-cesium插件处理Cesium依赖的静态文件

  1. npm install vite-plugin-cesium --save-dev
  2. 修改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,
  },
});

完毕。

posted @ 2025-08-05 11:14  李嘉图呀  阅读(6)  评论(0)    收藏  举报