将bower_components与Grunt一起使用

时间:2016-06-29 08:54:33

标签: angularjs node.js npm gruntjs bower

我使用angular js创建了一个简单的数据列表应用程序。 我使用了鲍尔,也咕噜咕噜。 Grunt用特定端口服务项目。但是有一个错误..当我用Grunt服务该项目时,bower_components无效。我的意思是所有jquery和角度部分都得到404.我在这里附上一个链接到我的项目。

Get my project here - https://github.com/chanakaDe/DemoApp

首先克隆它,然后" npm install"然后" bower install"。 请告诉我如何使它们工作。 总是得到404这样的错误 获取http://localhost:1701/bower_components/jquery/dist/jquery.js 404

enter image description here

1 个答案:

答案 0 :(得分:1)

您在Gruntfile中指定./src作为服务器的根目录。不幸的是,bower在项目的根目录中将它的依赖项安装在它上面的文件夹中。您的HTML有几个带有../bower_components/[path to files]的脚本标记,但这不起作用。

您需要尝试在src文件夹中安装bower依赖项。使用以下内容在项目的根目录中添加.bowerrc文件:

{
  "directory" : "src/bower_components"
}

然后通过执行以下操作重新安装bower依赖项:

$ bower install

检查bower_components文件夹中是否已创建文件夹src

接下来将../bower_components替换为bower_components文件中的index.html