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

是李嘉图呀2025-08-05 13:59

问题

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）

javascript 复制代码

//vite.config.ts
import cesium from 'vite-plugin-cesium';
export default defineConfig({
  plugins: [cesium()],
  build: {
    // 让 Cesium 的资源路径正确构建
    assetsInlineLimit: 0,
  },
});

完毕。