Question

我使用Yeoman创建了一个Angular项目。我想使用Eclipse 4.5.1（Mars.1）作为我的IDE。项目结构：

project
--- app
   --- assets
      --- css
      --- img
          --- yeoman.png
   --- modules
      --- main
          --- main.html
          --- mainCtrl.js
   --- index.html
   --- ... (other files/folders)
--- bower_components
--- ... (other files/folders)

我已经添加了AngularJS Eclipse插件，但有一点不能正常工作：我遇到文件相对路径问题，例如：

main.html中未定义的图像文件

<img src="assets/img/yeoman.png" alt="I'm Yeoman">

index.html中针对bower_components文件夹和外部脚本的每个JS文件的未定义JavaScript文件：

<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
...
<script src='//maps.googleapis.com/maps/api/js?sensor=false'></script>

index.html中未定义的CSS文件

<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />

在浏览器中一切正常，但我想在eclipse中摆脱错误标记。我可以在项目属性中关闭它们 - ＆gt;网络资源 - ＆gt;验证，但它没有解决我的情况，因为首先我想保持链接验证，其次来自bower_components / bootstrap / dist / css / bootstrap.css的CSS类在eclipse中无法识别。我知道我可以手动将路径更改为../bower_components/bootstrap/dist/css/bootstrap.css等等，但是在每次grunt构建之后它们将被恢复，并且添加新的依赖项（grunt install --save component_name）将也需要一些手动更改。

Yeoman AngularJS Eclipse项目中无法识别相对路径

0 个答案: