运行React项目时编译失败：无法解析'js-info-bubble'模块求助

别着急，这个编译错误的核心原因很明确——你的项目里缺少了js-info-bubble这个依赖包，或者导入环节出了问题，咱们一步步来搞定它：

1. 先安装缺失的依赖包 #

最常见的情况就是你还没把这个模块装到项目里。打开终端，切换到你的项目根目录（也就是/home/dina/Downloads/Isomorphic - React Redux Admin Dashboard/isomorphic这个路径），然后运行对应命令：

# 用npm安装的话
npm install js-info-bubble --save

# 如果你习惯用yarn
yarn add js-info-bubble

这个操作会把js-info-bubble添加到项目的依赖列表里，同时下载对应的包文件到node_modules目录。

2. 检查导入路径是否正确 #

如果已经装了依赖但还是报错，那得看看basicMarker.js里的导入语句。虽然你提供的代码片段没显示，但既然报错提到这个模块，你的代码里肯定有类似这样的导入：

import InfoBubble from 'js-info-bubble';

要确认：如果是直接写包名导入，只要依赖装对就没问题；如果是用相对路径导入，那得检查路径有没有写错（比如多写/少写了层级）。

3. 清理缓存后重新构建 #

有时候npm/yarn的缓存会搞点小问题，你可以试试清理缓存后重装依赖：

# npm的操作步骤
npm cache clean --force
rm -rf node_modules package-lock.json
npm install

# yarn的操作步骤
yarn cache clean
rm -rf node_modules yarn.lock
yarn install

完成后重新启动项目，看看错误是不是消失了。

4. 确认版本兼容性 #

要是前面的步骤都没用，可能是js-info-bubble的版本和你用的google-maps-react不兼容。你可以去查google-maps-react的官方文档，看看它推荐搭配的js-info-bubble版本，然后安装指定版本：

# 举个例子，假设推荐2.0.1版本
npm install js-info-bubble@2.0.1 --save

额外提一句：你用的是Isomorphic React Redux Admin Dashboard这类模板项目，这类模板往往依赖不少第三方包，确保所有依赖都正确安装是顺利运行的关键哦。

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