Angular 2应用程序在工作电脑、家庭电脑上工作正常

Angular 2应用程序在工作电脑、家庭电脑上工作正常,angular,Angular,我不知道该怎么问这个问题,因为我认为这不像我的环境那样是一个编码问题?大约两周前,我在工作中安装了angular CLI。我的应用程序工作正常。在家里,我安装angular CLI已经有一段时间了,我想是几个月前了。无论如何,此代码不会在我的家用计算机上呈现到屏幕上: <li class="center" *ngFor="let link of dataenjoylinks">

我不知道该怎么问这个问题,因为我认为这不像我的环境那样是一个编码问题?大约两周前,我在工作中安装了angular CLI。我的应用程序工作正常。在家里,我安装angular CLI已经有一段时间了,我想是几个月前了。无论如何,此代码不会在我的家用计算机上呈现到屏幕上:

                              <li class="center" *ngFor="let link of dataenjoylinks">
                                <p>{{link.show}},&nbsp;
                                  <a href="{{link.link}}?utm_source={{utmSource}}&utm_medium={{utmMedium}}&utm_campaign={{utmCampaign}}&utm_content=enjoy-{{link.show}}">
                                    <i>{{link.title}}</i>
                                  </a>, {{link.date}}</p>
                                <p style="max-width: 600px; text-align:center;">
                                  <button (click)="this.removeLink(link)">Remove Link</button>
                                </p>
                              </li>
Angular CLI: 6.1.4
Node: 8.9.4
OS: win32 x64
Angular: 6.1.3
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.7.4
@angular-devkit/build-angular     0.7.4
@angular-devkit/build-optimizer   0.7.4
@angular-devkit/build-webpack     0.7.4
@angular-devkit/core              0.7.4
@angular-devkit/schematics        0.7.4
@angular/cli                      6.1.4
@ngtools/webpack                  6.1.4
@schematics/angular               0.7.4
@schematics/update                0.7.4
rxjs                              6.2.2
typescript                        2.7.2
webpack                           4.9.2

我解决了这个问题。我的默认浏览器是Avast Secure browser。当我运行ng serve时,打开它会在浏览器中打开


我换成了chrome,现在可以用了。我花了几个小时试图解决这个问题,所以如果其他人遇到同样的问题,而您使用的是一个奇怪的浏览器,请尝试更改它

假设您能够在家用计算机上编译和运行Angular项目,这是值得怀疑的。它可能与项目或缓存相关。可能缺少或过期的依赖项/文件

请按顺序尝试以下步骤:

  • 刷新浏览器缓存,并确保您正在编译项目。查看问题是否依然存在,如果没有,请转至下一步

  • 通过从存储库中提取最新的更改来刷新本地项目(也就是说,如果您是通过repo获得代码的话),然后使用npmi刷新依赖项,再次编译,再次检查问题

  • 如果不起作用,请将本地文件与工作机器上的文件副本进行比较,以验证是否存在任何丢失的文件

  • 最糟糕的情况是,将angular cli、npm和nodejs的确切版本安装为您的工作机器


  • HTH

    我在上面添加了答案。它最终成为了我使用的浏览器。我切换到chrome,它可以按预期工作。我正在使用Avast安全浏览器。谢谢你花时间帮助我,我很感激!