Angular 2应用程序可在工作计算机上运行，​​而在家用计算机上则无法正常运行

Question

我不确定该怎么问，因为我认为这不是编码问题，可能不是我的环境？在工作大约2周前，我安装了有角度的CLI。我的应用程序正常运行。我想，几个月前，我在家里安装了角度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>

当用户添加链接并包含数据时，我会显示console.log（dataenjoylinks）。同样，这在我的工作计算机上也可以正常工作。

这是我在家使用的Angular版本吗？这是我目前用于家用计算机的版本：

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

Answer 1

我发现了问题。我的默认浏览器是Avast Secure Browser。当我运行ng serve --open时，它将在该浏览器中打开。

我切换到了chrome，现在可以使用了。我浪费了几个小时试图解决这个问题，所以如果其他任何人遇到相同的问题，而您使用的是奇怪的浏览器，请尝试对其进行更改。

Answer 2

这令人怀疑，假设您能够在家用计算机上编译并运行Angular项目。这可能与项目或缓存有关。也许缺少或过时的依赖项/文件？

按顺序尝试以下步骤：

1. 刷新浏览器缓存，并确保您正在编译项目。查看问题是否仍然存在，如果尚未继续进行下一步

2. 通过从存储库中获取最新更改来刷新本地项目（也就是说，如果您是通过回购获得的代码），然后使用npm i刷新依赖项，然后再次编译，然后再次检查问题

3. 如果这不起作用，请将您的本地文件与工作计算机上文件的副本进行比较，以确认没有丢失的文件。

4. 最坏的情况是，在您的工作计算机上安装angular cli，npm和nodejs的确切版本

HTH