Angular 角度满栈，如何使用外部库？

我正在使用Angular Full stack，它使用Angular 2，我刚刚开始学习它。看起来纯角度2和全堆栈的结构非常不同，所以我在遵循其他指南时遇到了一些问题，例如

我的问题是: 如何为客户端使用已安装的节点模块

以下是我迄今为止所尝试的：

• 我想使用的外部库是（尽管我尝试过其他库）

• 我做“npm安装角星评级”

• 这就是我被困的地方。我已经尝试了多种方法，例如在我想使用它的component.ts中导入它，在html中加载脚本，以及在我的app.ts中加载模块。我看不到system.config（虽然我相信已经使用了system.js），也看不到任何带有@NgModule的地方可以在模块中加载，所以我认为最好的地方是app.ts。我会在“吞咽发球”时出错，比如
  ./~/angular star rating/src/star-rating.component.ts中存在错误 模块分析失败：[目录]意外字符'@'（14:0） 您可能需要适当的加载程序来处理此文件类型。 语法错误：意外字符“@”（14:0）

• 下面快速查看我的项目结构：

谢谢，非常感谢您的帮助

您可以这样使用：

<div star-rating rating="starRating2" read-only="true" max-rating="7" click="click2(param)" mouse-hover="mouseHover2(param)" mouse-leave="mouseLeave2(param)"></div>

---

选中此项

步骤1：添加为项目依赖项

npm install --save angular-star-rating

步骤2： 添加到index.html

<script src="[bower or npm folder]/angular-star-rating/dist/index.js"></script>

步骤4：更新HTML

<star-rating-comp
         [size]="'large'"
         [rating]="3"
         [text]="'Rating:'"
         (onRatingChange)="crtl.onRatingChange($event)">
 </star-rating-comp>

您是否使用了angular CLI等构建工具？是的，我使用的是angular full stack generator（）Add--save in npm安装命令。这将添加它作为项目依赖项。完整堆栈生成器基于Angular1.6。你确定你正在Angular1或Angular2上工作以获得回复，但我仍然不确定你将如何从node导入star rating模块。我看到的链接做这一部分，只是html和controllerHi Manmeet，谢谢你的回复。我试过你的建议去做——保存，但那仍然不起作用。至于最初的问题，我仍然不确定在哪里添加（非常确定它会出现在路线的html中，即如果我想使用它的话，在这个屏幕截图中的my displaySite.html）。我曾尝试在app.ts和displaySite.component.ts中再次导入它，但都不起作用，出现了上面粘贴的相同错误。至于步骤3，我的Webstorm不识别@NgModule，也不在我的项目中的任何地方使用它？

import { StarRatingModule } from 'path/to/star/rating/star-rating.module';
@NgModule({
  ...
  imports: [
    ...
    StarRatingModule
    ...
  ]
  ...
})
export class AppModule { }

<star-rating-comp
         [size]="'large'"
         [rating]="3"
         [text]="'Rating:'"
         (onRatingChange)="crtl.onRatingChange($event)">
 </star-rating-comp>