找不到模块：无法解析“reactstrap”

作者

未找到模块：无法解析“reactstrap”

Module not found: Can’t resolve ‘reactstrap’

要解决错误“找不到模块：错误：无法解析’reactstrap’”，请确保reactstrap通过在项目根目录中打开终端并运行命令
npm install reactstrap bootstrap并重新启动开发服务器来安装软件包。

找不到模块无法解析 reactstrap

在项目的根目录（package.json
文件所在的位置）中打开终端并运行以下命令：

壳
# 👇️ with NPM
npm install reactstrap bootstrap

# ----------------------------------------------

# 👇️ with YARN
yarn add reactstrap bootstrap

该命令会将reactstrap
包添加到项目的依赖项中。

如有必要，请确保重新启动开发服务器和 IDE。在您停止并重新运行命令之前，您的开发服务器不会接受更改。 npm start

您现在应该能够reactstrap在 React.js 应用程序中导入和使用该包。

应用程序.js
import {Button} from 'reactstrap';
import 'bootstrap/dist/css/bootstrap.min.css';

function App() {
  return (
    <div>
      <p className="bg-success text-white">
        Hello world
        <Button>Click</Button>
      </p>
    </div>
  );
}

export default App;

如果错误未解决，请尝试删除您的node_modules和
package-lock.json（不是package.json）文件，重新运行npm install并重新启动您的 IDE。

壳
# 👇️ delete node_modules and package-lock.json
rm -rf node_modules
rm -f package-lock.json

# 👇️ clean npm cache
npm cache clean --force

npm install
如果错误仍然存​​在，请确保重新启动 IDE 和开发服务器。VSCode 经常出现故障，有时重启可以解决问题。

如果您仍然收到“找不到模块：错误：无法解析‘reactstrap’”错误，请打开您的package.json文件并确保它包含对象中的
reactstrap包dependencies。

包.json
{
  // ... rest
  "dependencies": {
    "bootstrap": "^5.1.3",
    "reactstrap": "^9.0.1",
  }
}

该reactstrap模块不应全局安装或位于您的项目中
devDependencies，它应该位于您文件中的dependencies对象中
。package.json

您可以尝试手动添加行并重新运行npm install。

壳
npm install

或者安装最新版本的包：

壳
npm install reactstrap@latest bootstrap@latest

结论

要解决错误“找不到模块：错误：无法解析’reactstrap’”，请确保reactstrap通过在项目根目录中打开终端并运行命令
npm install reactstrap bootstrap并重新启动开发服务器来安装软件包。

–

发表评论