问题标签 [angular2-modules]

我已经使用 angular2 官方网站上的说明书安装了 angular 2，但是当我尝试导入外部模块时遇到了问题。我有不同的 npm 包，但是有了它们，我得到了标题中的错误：

找不到模块“angular2/core”。

我已经使用 npm install 功能安装了该软件包：

npm install angular2-infinite-scroll --save

我做错了吗？还是我需要在某处更改一些配置？这是我尝试安装的软件包的链接： https ://www.npmjs.com/package/angular2-infinite-scroll

这是我的 tsconfig 文件：

当我查看引发错误的文件时，我可以看到它们位于称为 TypeScript 虚拟项目的东西中，但我在解决方案资源管理器中看不到它们。我的 tsconfig 和 typings.json 位于项目根文件夹中，这意味着我的 main、app.module 和 app.component 位于应用程序根文件夹中。

我已经使用路由开发了一个 Angular2 应用程序。

我的问题场景是：

我有一个具有不同 HTML 和 CSS 的登录页面。成功登录后，我会重定向到另一个具有不同 HTML 和 CSS 的页面。但我有 index.html(login page) 作为我的主要布局。因此我需要了解如何使用多种布局？

我做了一些研发，但我不明白如何实施？

请找到以下代码：

1) app.routing.module

2) 应用组件

3) 应用模块

4) 索引.html

任何帮助将不胜感激！

谢谢！！

I'm new in Angular 2 I need help on the routing part. I'm using http://jasonwatmore.com/post/2016/09/29/angular-2-user-registration-and-login-example-tutorial

I got an error

Exported variable 'routing' has or is using name 'ModuleWithProviders' from external module "/home/frank/angular/node_modules/@angular/core/src/metadata/ng_module" but cannot be named.

Here is my code

Any ideas on the error? I also tried seimport { ModuleWithProviders } from '@angular/core';tting my "declaration": true, in tsconfig.js and also imported

我有一个应用程序模块和单组件应用程序（用于演示我的问题），并出现以下错误：

AppModule 的代码：

我的 AppComponent 的代码：

我的用户服务代码：

现在，如果我将 UserService 作为提供程序添加到 AppComponent，它将解决问题。但我不想，因为我只想要整个应用程序中的一个服务实例。即使在子模块（功能模块）中。

根据我的理解，如果我在模块级别添加服务作为提供者，那么我可以将它注入到模块下的任何组件中。

这是我正在观看的示例。

普朗克

我正在使用 angular2 版本：“2.0.0”

对于在 Angular2 中进行身份验证的网站，我想在主应用程序组件中使用身份验证子模块的组件。但是，我不断收到以下错误：

app/app.component.ts(3,10): error TS2305: Module '"<dir>/app/auth/auth.module"' has no exported member 'SigninComponent'.

即使在导出 SigninComponent 之后。

项目文件夹结构如下图：

应用程序/auth/auth.module.ts：

app/auth/components/signin.component.ts：

应用程序/app.component.ts：

应用程序/app.module.ts：

我今天刚刚将我的应用程序切换为延迟加载。
我有一个SharedModule出口一堆服务。在我的AppModule中，我导入SharedModule是因为AppComponent需要访问一些共享服务。

在另一个模块FinalReturnModule中，我导入SharedModule. 在我的一项服务中，我console.log('hi')在构造函数中放置了一个。

当应用程序首次加载时，我进入hi控制台。每当我导航到其中的页面时，FinalReturnModule我都会hi再次获得。显然，由于有两个实例，由于模块无法通信，因此没有任何工作正常。

如何阻止服务被实例化两次？

编辑：背景，该应用程序是使用 angular-cli 构建的。

当前版本：

所以我们有这样的代码来引导应用程序。

我们导入BrowserModule。但是什么是 BrowserModule？Api 参考并没有给出太多解释。我们用它做什么。除了 BrowserModule 之外，我们还可以使用哪些模块？我想更深入地了解 angular2。这就是为什么要问这些问题。

我的结构如下：

我的 App 模块包含组件 1 和组件 11 模块。我在 app 模块中声明了全局组件，以便可以在所有其他组件中使用它。我还在 app 模块中导出了它。

但是当我在组件 11 模板中使用选择器时，控制台显示not a known element.

我尝试在我的其他组件中导入它，但它说它已经导入，我应该将它导入到更高的模块中。

你能告诉我如何声明一个组件以便它可以在子模板中使用吗？

I have a module that I'm calling home.module which I have routed into my app.module in the root folder. As things keep growing the home.module is becoming more massive. Naturally I went to create more modules to branch into it but for some reason the components aren't being defined.

So Far here's the layout of the modules.

the home.module

the keypoints.module

the point-assets.module

Everything showed up perfectly when everything was housed in the home.module, but now that I created the kepoints.module and the point-assets.module all of a sudden the browser isn't recognizing the selectors on the components, which means it's not being defined in the chain properly.

So far I've played around with it linking the point-assets.module directly into the home.module to see if there was something wrong with it and sure enough I'm getting an error with it recognizing the selectors imported with the module. I've been double checking back and forth to see if I accidentally imported a comOPment or modLUe somewhere and my eyes aren't catching it.

The components injected into the keypoints.module aren't anything that will be routed to in the browser so I didn't need to create or import any routes. They just toggle on and off with *ngIf inside of the component views depending on the route they're being viewed in. Seeing that everything worked perfectly fine before this point and I recognize the error as a modular problem which I've fixed before I didn't see it necessary to add all the other files and post the entire error message, but if they're needed let me know and I'll update the post with that info.

I'm developing a Github repo which follows the offical tutorial of Angular (Tour of Heroes). You can see all the code here.

My problem, is that I have a directive declared in the main module of the app (app.module) and, if I use it inside the AppComponent, it works good (the directive only highlight a text inside a DOM element).

But I have another module called HeroesModule within AppModule, and inside a component of this module, this directive doesn't work.

The main code, here:

app/app.module.ts

app/heroes/heroes.module.ts

app/shared/highlight.directive.ts

app/app.component.ts

app/heroes/hero-list/hero-list.component.ts

You can see, install it and test it by yourself in the Github repo, if you need it.