Webapp没有找到已安装的凉亭组件

时间:2017-04-07 09:30:23

标签: angularjs eclipse bower eclipse-neon

我有一个我在Eclipse Neon中开发的jersey-quickstart-webapp。我试图让bower运行起来,并按照eclipse的描述安装了凉亭:https://www.eclipse.org/community/eclipse_newsletter/2016/may/article1.php

并在此处的相关说明视频中显示:https://www.youtube.com/watch?v=PU8YoWNAkK0

那是:

  1. 我已经安装了node.js,npm和bower

  2. Ran Bower Init创建了我的bower.json文件

  3. 在我的bower.json

  4. 中添加了角度作为依赖关系
  5. Ran Bower安装并安装了角度

  6. 更新了我的index.html以包含bower_components版本的角度

  7. 我的bower.json文件如下所示:

    {
      "name": "pododdle",
      "version": "0.0.0",
      "license": "MIT",
      "ignore": [
        "**/.*",
        "node_modules",
        "bower_components",
        "test",
        "tests"
      ],
      "dependencies": {
        "angular": "1.5.3"
      }
    }
    

    我的bower_components目录已成功安装在我的项目中,其中包含angular.min.js文件的以下位置:bower_components / angular / angular.min.js

    我已经从index.html更改了相应的行:

    <script src="https://code.angularjs.org/1.5.3/angular.js"></script>
    

    为:

    <script src="bower_components/angular/angular.min.js"></script>
    

    然而,在将web-app发布到服务器之后,当我尝试加载应用程序时,它无法在浏览器中加载,并且在浏览器控制台中为angular.min.js文件显示404错误,特别是指向到index.html中的上述src链接:

    http://localhost:8080/pododdle/bower_components/angular/angular.min.js (index):12 GET 
    http://localhost:8080/pododdle/bower_components/angular/angular.min.js localhost/:12
    

    我在凉亭安装中错过了一步吗?所有人都非常感谢!

1 个答案:

答案 0 :(得分:0)

此问题类似于此处提出的问题:Can't Get Files Installed with Bower to Work in Eclipse

通过打开解决:项目 - &gt;属性 - &gt;部署大会。

在那里,您可以看到将由eclipse及其目的地部署的本地资源列表。如果您添加&#34; bower_components&#34;将文件夹设置为&#34; / bower&#34;然后,您将能够使用以下行在index.html文件中引用angularjs:

<script src="bower/angular/angular.min.js"></script>