安装 bower 包：“no-json 没有要保存到的 bower.json 文件”答案

【问题标题】：Installing a bower package: "no-json No bower.json file to save to"安装 bower 包：“no-json 没有要保存到的 bower.json 文件”
【发布时间】：2013-07-31 22:00:52
【问题描述】：

我已经在我的项目根目录中添加了一个 bower 包。我正在使用 bower，因此可以更轻松地管理每个组件的更新（bower 的功能之一）。但是我在安装后收到了这条消息：

no-json No bower.json file to save to

一些事情：

— 实际上有一个 bower.json 文件，其中包含组件的文件夹。应该有全局项目bower.json文件吗？

——这个错误是否意味着软件包不会更新？

——该项目是一个使用“WordPress-Starter-Theme”的 WordPress 项目（它使用 grunt 来处理指南针等）。咕噜声有干扰吗？我是否需要在 Gruntfile.js 中添加任何东西来管理 Bower？

提前致谢。

【问题讨论】：

标签： bower

【解决方案1】：

你可以跑

bower init

在当前目录创建json文件。

Docs

【讨论】：

来自未来的你好。在 VS2017 中，我在哪里可以运行此命令？我从一个空的 asp.net core 项目模板开始，以熟悉一些带有 mvc 模板的 VS 包。
@Zack，在您的 *.csproj 文件所在的同一文件夹中打开一个命令窗口。
@Zack 在 Visual Studio 2017 下你需要做这些步骤 1. 打开命令提示符 2. cd 到项目目录 3. 运行这个命令 "C:\Program Files (x86)\Microsoft Visual Studio\2017\Community\Web\External\Bower.cmd" 初始化
谢谢 :) 刚刚将该目录添加到我的环境路径中。

【解决方案2】：

如果您使用的是 Visual Studio (2017)，您可以这样做：

添加新项目（在项目中）
选择：Web -> 常规 -> Bower 配置文件

这不仅会添加 bower.json 文件，还会添加 .bowerrc 文件。如果没有 .bowerrc 文件，软件包将不会从隐藏的“bower_components”文件夹复制到 wwwroot/lib 文件夹。

【讨论】：

谢谢！帮了我很多。 Microsoft doc 缺少此步骤。

【解决方案3】：

bower.json 文件应始终位于项目文件夹的根目录中。 此外，该文件不应位于 bower_components 文件夹中，因为 bower 负责自行创建此文件夹.

该错误意味着如果您运行bower install --save，则依赖项将不会记录在您的bower.json 中。这是一个坏主意，因为您失去了包管理器提供的巨大好处。

Grunt 和 Bower 完全独立工作，您无需更改 Grunt 设置的任何内容即可使用 grunt。

【讨论】：

【解决方案4】：

您在 root 上安装意味着 WP 根，因为您提到您正在尝试将 Bower 用于您的 wordpress 主题。所以只需在 wordpress 根目录下创建 .bowerrc 文件，并在.bowerrc 文件中写入以下代码。

{
    "directory": "wp-content/themes/yourthemefolder/ui-libraries"
}

现在在您的根目录中创建bower.json，并像往常一样在其中写下所有依赖项名称。您可以从Bower configuration overriding with .bowerrc阅读更多详细信息

如果有帮助，请告诉我。

【讨论】：

【解决方案5】：

如果您使用 sudo apt-get install nodejs 通过包管理器安装节点，您还需要使用 sudo apt-get install nodejs-legacy 安装 nodejs-legacy 用于在根目录生成 bower.json

rails g bower_rails:initialize json

对于 bowerfile

rails g bower_rails:initialize

【讨论】：

【解决方案6】：

请务必删除不必要的空格或额外的换行符以避免出现错误“bower.json 和 component.json 都不存在”

同样如上所述，请务必在您的 bower.json 文件所在的目录中运行 bower install 或 bower-installer 命令。

适用于 bower 和 bower-installer

【讨论】：

【解决方案7】：

我发现导致错误的原因是将组件安装在错误的目录中。只需确保命令行中的文件路径指向相应的目录。在我的情况下 C:\Users\Nick\Documents\myprojectfolder>..commands..

【讨论】：

【解决方案8】：

在 Visual Studio 2017 中，您需要这样做

打开命令提示符
cd 到项目目录
运行此命令 "C:\Program Files (x86)\Microsoft Visual Studio\2017\Community\Web\External\Bower.cmd" 初始化

【讨论】：

【解决方案9】：

我解决了这个问题：

npm install -g bower

【讨论】：