Angularjs Yeoman角度生成器未正确配置为用于括号.io

我正在寻找帮助，让现场预览工作在使用约曼生成的角种子应用程序

Angular项目的目录结构有一个包含程序代码的

app

子目录，其中包含所需的入口点

index.html

此index.html将

bower_components

文件夹作为相对地址引用，并且还具有指向

app

文件夹下

js

子目录的相对链接

我使用的是方括号.io的实时预览功能，使用默认的相对路径无法找到角度和引导

我既使用了内部web浏览器，也使用了我设置的IIS应用程序（该应用程序本身运行良好），在启动实时预览时，两者都会出现相同的问题

作为一种解决方法，我已将这些路径更改为绝对路径，但我正在寻找可能的原因，以解释为什么找不到相对路径

这似乎是特定于方括号.io的实时预览，而不是在生成的代码中

原始生成代码：

我的解决方法：

---

首先，如果您使用的是yeoman angular generator，那么您将运行grunt“serve”任务，该任务将处理在GrunFile的“serve”部分中定义的所有任务（包括livereload）。到目前为止，你还没有扮演任何角色

如果您没有使用grunt，并且您使用的是bracket的livereload，那么您必须执行两项任务

1.）更新年度RRC，如下所示

 {
   "directory": "app/bower_components"
 }

现在，所有yr bower依赖项都将转到指定的目录，在这里您需要它们 进入“应用”文件夹

2.）现在您可以只托管您的应用程序文件夹&您的浏览器将查找所有依赖项。 无需更改index.html

注意：Yeoman也是独立的，由“angular generator”生成的grunt文件处理不同的任务。

---

括号在这里没有角色或依赖项当您使用括号进行“实时预览”时，它将运行唯一的yr index.html文件，这样您就无法访问应用文件夹外的内容

谢谢@nitin。我已经设置了Grunt for括号，并且已经运行了它，没有错误。bower_组件位于根目录下，在生成的代码中不在app下，因此此选项不起作用。运行Grunt后，我删除了相关链接，但它恢复到原来的行为，没有找到链接。我接受你的立场，这不是括号，而是设置的一部分。我会继续尝试，试图找到解决办法。我发现了问题。看起来Grunt和Live Preview本质上是在做同一件事，而且似乎相互冲突。当我使用grunt服务时（正如你指给我的），网站会在我编辑时以动态变化的方式显示在Chrome中。再次感谢。

<!-- build:js(.) scripts/vendor.js -->
<!-- bower:js -->
<script src="/bower_components/jquery/dist/jquery.js"></script>
<script src="/bower_components/angular/angular.js"></script>
<script src="/bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="/bower_components/angular-animate/angular-animate.js"></script>
<script src="/bower_components/angular-cookies/angular-cookies.js"></script>
<script src="/bower_components/angular-messages/angular-messages.js"></script>
<script src="/bower_components/angular-resource/angular-resource.js"></script>
<script src="/bower_components/angular-route/angular-route.js"></script>
<script src="/bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="/bower_components/angular-touch/angular-touch.js"></script>
<!-- endbower -->
<!-- endbuild -->

    <!-- build:js({.tmp,app}) scripts/scripts.js -->
    <script src="/app/scripts/app.js"></script>
    <script src="/app/scripts/controllers/main.js"></script>
    <script src="/.bowerrc"></script>
    <!-- endbuild -->

 {
   "directory": "app/bower_components"
 }