问题标签 [angular6]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
721 浏览

angular - 从 Angular 5 迁移到 Angular 6 我得到了这些错误 TypeError: You provide an invalid object where a stream is expected

这些代码在 Angular 5 中可以正常工作,但是在迁移到 Angular 6 时,我收到了错误消息:

错误错误:未捕获(承诺中):TypeError:您在预期流的位置提供了无效对象。您可以提供 Observable、Promise、Array 或 Iterable。TypeError:您在预期流的位置提供了无效对象。您可以提供 Observable、Promise、Array 或 Iterable。at subscribeTo (subscribeTo.js:41) at from (from.js:17) at new QueryRef (QueryRef.js:6) at Apollo.push../node_modules/apollo-angular/Apollo.js.ApolloBase.watchQuery (Apollo .js:29) 在contacts.service.ts:75

这是代码

我真的很感激一些可能会产生此错误的迹象

0 投票
3 回答
822 浏览

angular6 - 将 Angular cli 更新到 6.0.0 后无法在 Angular 6 中创建新项目

我刚刚将我的 angular cli 更新到 6.0.0 版 这里是截图

并在检查 angular cli 的版本后发现了一些错误。当我尝试使用“ng-new my-app”(不带引号)创建项目时,它给了我这个错误 这里是截图

0 投票
3 回答
3833 浏览

angular - Angular 6 - 创建(非根)模块范围服务

据我所知,直到 angular 6 ,所有@Ngmodule 提供程序都在根注入器上注册并在主包中提供服务,即使只有延迟加载的模块使用它们。

唯一的例外是如果我们想在组件级别创建非单例服务

我想创建一个单例服务,该服务仅对特定模块(而不是根模块)可见,因此不会在主热切加载的包中提供服务。

看到在 Angular 6 中,模块将不再需要通过 "providers" 来引用服务,而是服务现在将引用模块。

这可以通过@Injectable注解和provideIn属性来完成。

我没有找到一个很好且清晰的示例来说明如何添加不是“root”的模块名称,如下所示:

在上面的代码片段中导入 LazyLoaded 模块并将其写为“MyLocalModule”会导致循环依赖的警告。我可以通过将服务移动到其他模块来解决这个问题,但是我失去了最初的目的。

检索参考列表:

https://blog.angular.io/version-6-of-angular-now-available-cc56b0efa7a4

https://jaxenter.com/new-angular6-143995.html

https://www.ngdevelop.tech/angular-6-features/

https://blog.ninja-squad.com/2018/05/04/what-is-new-angular-6/

http://ankitsharmablogs.com/getting-started-with-angular-6-0/

https://www.youtube.com/watch?v=Xr5l7lT--YU

0 投票
1 回答
1009 浏览

angular - Angular 6 路由转换不会从 Edge/IE 的视图中删除以前的路由

我已按照本文向我的路由器添加过渡。

这在使用 Angular 5 时一切正常,但是在我升级项目以使用 Angular 6 后,我在 Edge 和 IE 中遇到了奇怪的行为。当在路由更改时触发转换时,新路由会滑入,但之前的路由仍会在 UI 中呈现。我包含了所有的 polyfill,它在 chrome 中运行良好。我错过了什么?

这是我的路由器动画

0 投票
1 回答
1910 浏览

angular5 - Angular 6 迁移 PWA 不起作用

我最近将我的应用程序迁移到 Angular 6,它在 Angular 5 中运行良好,我遇到了很多问题,但无论如何我解决了它们,但是 PWA 我无法迁移,在 Angular 5 中 PWA 运行良好,但在 6给出以下错误...

当我跑步时

请帮助如何在 Angular 6 中迁移或添加 PWA

0 投票
4 回答
9688 浏览

angular - 更新到 Angular 6 后 Angular 材质库出现问题

当我尝试编译应用程序时,它抛出了这个错误:

ERROR in src/app/app.module.ts(15,5): error TS2304: Cannot find name 'MatToolbarModule'. src/app/app.module.ts(16,5): error TS2304: Cannot find name 'MatSidenavModule'. src/app/app.module.ts(17,5): error TS2304: Cannot find name 'MatButtonModule'. src/app/app.module.ts(18,5): error TS2304: Cannot find name 'MatIconModule'. src/app/app.module.ts(19,5): error TS2304: Cannot find name 'MatListModule'. src/app/app.module.ts(20,5): error TS2304: Cannot find name 'MatMenuModule'. src/app/app.module.ts(21,5): error TS2304: Cannot find name 'AuthModule'. src/app/app.module.ts(22,5): error TS2304: Cannot find name 'AppRoutingModule'. src/app/app.module.ts(24,5): error TS2304: Cannot find name 'MatGridListModule'. src/app/app.module.ts(25,5): error TS2304: Cannot find name 'FlexLayoutModule'.

当我尝试通过它向项目添加材料时,ng add @angular/material它向我显示:

找到包“@angular/material”,但不支持原理图。

有没有人为此找到解决方案?

0 投票
3 回答
7402 浏览

angular-services - Angular 6 服务,HTTPClient

我是 Angular 5 的新手,我目前正在尝试将数据从数据库显示到视图。但我肯定做错了什么,因为视图只是得到[对象对象]。我需要一些帮助来解决我做错的事情。

谢谢你。

服务使用的服务

使用服务的组件 在此处输入图像描述

组件的 HTML 在此处输入图像描述

风景

在此处输入图像描述

0 投票
5 回答
23696 浏览

angular - 如何在Angular 6应用程序中通过`ng build`指定环境

在 Angular 5 中,我们可以使用

迁移到 Angular 6 后,上述命令会引发错误

0 投票
1 回答
536 浏览

angular - Angular 6 无法更改主机值

我想问你关于angular.json替换.angular-cli.json.

我曾经在那里覆盖主机值,但现在我找不到如何覆盖它。有没有人遇到过同样的问题?

除了将主机写为参数之外,您能建议我一个解决方案吗?

0 投票
4 回答
23589 浏览

angular - 无法将 Angular 从版本 6 降级到 5

最近(2018 年 5 月)发布了更新的 Angular 稳定版本。我已成功从版本 5 迁移到 6。

但由于某种原因,我想回滚到版本 5。我尝试了以下命令:

它卸载了最新版本的 angular-6。

然后安装

但它给出了这个错误 在此处输入图像描述

节点版本:8.10.0

npm 版本:6.0.0