全局安装时无法在 React-app 中包含 bootstrap

Question

我使用 npm i -g bootstrap 安装了 bootstrap 并尝试将 bootstrap 作为 import "bootstrap/dist/css/bootstrap.css"; 包含在 React-app 中。

但是，它抛出错误。

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"; 导入时，它按预期工作。

在 globally 和 locally 安装 npm 包时，是否有任何不同的导入方法，或者我在做什么错了吗？

Answer 1

您需要 npm install -g bootstrap 这将在全局安装 bootstrap。

然后你可以使用 npm link <global-package> 所以在你的情况下 npm link bootstrap 为已经全局安装的包创建本地 link。（警告：OS 必须支持 symlinks。）

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

npm list -g

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

npm install 命令不支持同时全局安装一个模块并一步保存到package.json。

但是，有一种方法可以间接全局安装模块。 package.json 支持预安装属性，如下所示：

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

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

Unable to include bootstrap in React-app when installing it globally