找不到模块：无法解析 bootstrap/dist/css/bootstrap.min.css

作者

未找到模块：无法解析 bootstrap/dist/css/bootstrap.min.css

Module not found: Can’t resolve bootstrap/dist/css/bootstrap.min.css

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

找不到模块无法解析引导程序

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

壳
# 👇️ with NPM
npm install bootstrap

# 👇️ ONLY If you use TypeScript
npm install --save-dev @types/bootstrap

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

# 👇️ with YARN
yarn add bootstrap

# 👇️ ONLY If you use TypeScript
yarn add @types/bootstrap --dev

该命令会将引导程序包添加到项目的依赖项中。

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

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

应用程序.js
import 'bootstrap/dist/css/bootstrap.min.css';

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

export default App;

删除 node_modules 并重新安装依赖项

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

bash如果您使用的是 macOS 或 Linux，请在或中发出以下命令zsh。

壳
#  for macOS and Linux
rm -rf node_modules
rm -f package-lock.json
rm -f yarn.lock

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

# 👇️ install packages
npm install

如果您使用的是 Windows，请在 CMD 中发出以下命令。

命令
# for Windows
rd /s /q "node_modules"
del package-lock.json
del -f yarn.lock

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

# 👇️ install packages
npm install

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

确保bootstrap在你的dependencies对象中

如果您仍然遇到错误，请打开您的package.json文件并确保它包含对象bootstrap中的包dependencies。

包.json
{
  // ... rest
  "dependencies": {
    "bootstrap": "^5.1.3",
  },
  "devDependencies": {
    "@types/bootstrap": "^5.1.9",
  }
}

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

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

壳
npm install

或者安装最新版本的包：

壳
npm install bootstrap@latest

# 👇️ only if you use TypeScript
npm install --save-dev @types/bootstrap@latest

如果错误仍然存​​在，请按照我的模块未找到：无法解决 React 中的“X”错误一文中的说明进行操作

。