JS文件的路径消失了

时间:2016-05-19 01:52:31

标签: javascript angularjs npm-install bower-install

我正在使用节点服务器来执行项目。为了执行projectevery time,我的进程在cmd

中执行3个命令
npm install

node server

grunt serve

我在我的项目中使用了Git-hub的分页指令,但出现的问题是每次我初始化项目时,pagination.js文件的路径都会从index.html中消失。我使用

添加了这个分页模块
bower install angular-utils-pagination

我用--save尝试了这个,但是

<script src="assets/lib/angular-utils-pagination/dirPagination.js"></script>

每次启动项目时,这一行都会消失,我需要手动输入。

请你帮我解决这个问题吗?

1 个答案:

答案 0 :(得分:2)

我看到了问题。就像我在评论中说的那样。您将脚本标记放在wiredep范围构建上。

的index.html

<!-- build:js scripts/vendor.js -->
<!-- bower:js -->
<script src="assets/lib/jquery/dist/jquery.js"></script>
<script src="assets/lib/angular/angular.js"></script>
<script src="assets/lib/angular-animate/angular-animate.js"></script>
<script src="assets/lib/angular-aria/angular-aria.js"></script>
<script src="assets/lib/angular-cookies/angular-cookies.js"></script>
<script src="assets/lib/angular-messages/angular-messages.js"></script>
<script src="assets/lib/angular-resource/angular-resource.js"></script>
<script src="assets/lib/angular-route/angular-route.js"></script>
<script src="assets/lib/angular-sanitize/angular-sanitize.js"></script>
<script src="assets/lib/angular-toastr/dist/angular-toastr.tpls.js"></script>
<script src="assets/lib/angular-touch/angular-touch.js"></script>
<script src="assets/lib/bootstrap/dist/js/bootstrap.js"></script>
<script src="assets/lib/angular-utils-pagination/dirPagination.js"></script>

<!-- endbower -->
<!-- endbuild -->

在endbuild之后移动你的脚本标签,然后尝试运行&#39; grunt serve&#39;再次

...
<script src="assets/lib/angular-touch/angular-touch.js"></script>
<script src="assets/lib/bootstrap/dist/js/bootstrap.js"></script>

<!-- endboser -->
<!-- endbuild -->
<script src="assets/lib/angular-utils-pagination/dirPagination.js"></script>

如果你想在wiredep进程上自动构建,那么在karma.conf.js上添加它 我认为它位于测试目录中。如果你能提供给我这个文件,我会告诉你如何。