时间戳

首页 > 解决方案 > 全局安装时无法在 React-app 中包含引导程序

css - 全局安装时无法在 React-app 中包含引导程序

问题描述

我安装bootstrap使用npm i -g bootstrap并尝试将bootstrapReact -app包含为import "bootstrap/dist/css/bootstrap.css";.

但是，它正在引发错误。

Failed to compile.

./src/index.js
Module not found: Can't resolve 'bootstrap/dist/css/bootstrap.css' in '/home/username/nodeProjects/react-app/src'

但是当我实际在本地安装它npm i bootstrap并将其导入为时import "bootstrap/dist/css/bootstrap.css";，它按预期工作。

在全局和本地npm安装包时是否有任何不同的方法来导入包，或者我做错了什么？

标签： cssreactjstwitter-bootstrapnpmnpm-install

解决方案

您需要npm install -g bootstrap这将在全球范围内安装引导程序。

然后，您可以npm link <global-package>在您的情况下使用npm link bootstrap它来创建指向已全局安装的包的本地链接。（警告：操作系统必须支持符号链接。）

要查看所有全局包及其位置：

npm list -g

用于npm list -g | head -n 1仅显示路径的截断输出。

npm install 命令不支持既全局安装模块又一步保存到 package.json 中。

但是，有一种方法可以间接地全局安装模块。package.json 支持这样的预安装属性：

"scripts": {
  "preinstall": "npm install -g bootstrap"
}

一旦你执行 npm install，bootstrap 就会被全局安装。请注意，您的当前用户随后需要写入全局节点模块目录的权限。

推荐阅读