执行bower install提示‘Package not found’的问题求助

你遇到的核心问题是把npm专属的开发工具包（比如gulp-concat、gulp-bower）错误地放到了Bower的依赖清单里——Bower和npm是两个完全独立的包管理器，各司其职：

• Bower：专门管理前端浏览器端的依赖（比如jQuery、Vue、Bootstrap这类直接在页面中引入的库）
• npm：负责Node.js生态的依赖，包括构建工具（如gulp）、其插件（如gulp-concat）这类后端/开发环节用的工具

gulp-concat、gulp-bower这类包只发布在npm仓库，根本不存在于Bower的仓库中，所以bower install自然会报找不到包的错误，你全局安装npm包也没用，因为Bower不会去npm仓库找资源。

1. 清理bower.json中的错误依赖 #

打开你的bower.json文件，把所有gulp-*开头的依赖项从dependencies或devDependencies中删除——这些不属于Bower的管理范围。

2. 创建package.json并迁移开发依赖 #

因为项目没有package.json，先快速初始化一个：

npm init -y

然后把之前报错的gulp-concat、gulp-bower（以及其他gulp相关工具）作为开发依赖安装到npm中：

npm install --save-dev gulp-concat gulp-bower

（用--save-dev是因为这些是构建工具，属于开发环节依赖，不需要打包到生产环境）

3. 正常执行Bower安装 #

现在bower.json里只剩下真正的前端依赖了，执行：

bower install

这时候Bower就能正确从自己的仓库拉取所有前端依赖了。

以后区分两类依赖的简单方法：

• 如果某个包是要在HTML中用<script>或<link>引入的，用Bower管理
• 如果某个包是用于构建、打包、代码检查这类开发流程的工具，用npm管理

内容的提问来源于stack exchange，提问作者user3362334