angular - Angular 2 应用程序可在工作计算机上运行,而家用计算机则无法正常运行
问题描述
我不知道如何问这个问题,因为我不认为这是一个编码问题,因为它可能是我的环境?大约 2 周前在工作中,我安装了 angular CLI。我的应用程序正常工作。在家里,我在几个月前安装了 angular CLI,我想是几个月前。无论如何,这段代码不会在我的家用电脑上呈现到屏幕上:
<li class="center" *ngFor="let link of dataenjoylinks">
<p>{{link.show}},
<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
解决方案
我弄清楚了这个问题。我的默认浏览器是 Avast Secure Browser。当我运行 ng serve --open 时,它会在该浏览器中打开。
我切换到chrome,它现在可以工作了。我浪费了几个小时试图弄清楚这一点,所以如果其他人遇到同样的问题并且您使用的是奇怪的浏览器,请尝试更改它。
推荐阅读
- elasticsearch - 从别名引用的索引中获取最多搜索词
- java - ehcache expire ttl 不工作-springboot
- python - 尝试使用 jQuery 在 Python Flask Web 应用程序中读取文件
- reactjs - 使用 next.js 中的类时如何链接 MongoDB?
- angular - ngModuleType.ngModuleDef.id 未定义 - 导入 NguCarousel 模块时出现 Angular 8 问题
- javascript - 使用 Math.floor(Math.random() * 1000000); 在一个文档上多次
- drag-and-drop - 预投窗口消息?
- python - 如何使用tensorflow keras模型识别大于9的数字和浮点数?
- javascript - 在子组件上使用 activeClassName 属性 - React Router
- php - laravel 查询 - 加入 2 个表和 groupBy 相同的 ID