React+Vite环境导入deck.gl提示'DeckGL'导出不存在错误

问题原因 #

你的导入路径完全错误：

• DeckGL 是React组件，属于@deck.gl/react包，而非@deck.gl/layers
• GlobeView 和 MapView 都属于@deck.gl/core的导出项，无需拆分导入

修复步骤 #

1. 修正导入代码
   将原来的导入替换为：

import { DeckGL } from "@deck.gl/react";
import { MapView, GlobeView } from "@deck.gl/core";

2. 确认依赖完整性
   如果执行后仍报错，检查是否安装了@deck.gl/react包，执行以下命令安装：

npm install @deck.gl/react

3. 清除Vite缓存并重启服务
   Vite的依赖缓存可能残留旧解析记录，执行命令清除缓存：

rm -rf node_modules/.vite

然后重启你的Vite开发服务器。

内容的提问来源于stack exchange，提问作者timventura