使用网页包将素描添加到Angular2应用程序中

我正试图加载到我的网页包捆绑Angular2应用程序素描

首先，我安装了一个npm：

npm install primeng --save
npm install primeui --save

这在my package.json中添加了以下两行：

+    "primeng": "^1.0.0-beta.8",
+    "primeui": "^4.1.12",

接下来，如angular2 webpack starter中所示，我将导入添加到

venders.ts

：

import 'script!primeui/primeui-ng-all.min.js';

好像是

脚本

是我的网页不知道怎么做的一种特殊的东西。我明白了：

ERROR in ./src/vendor.ts
Module not found: Error: Cannot resolve module 'script' in /SomeDir/src
 @ ./src/vendor.ts 14:0-47
Child html-webpack-plugin for "index.html":
    chunk    {0} index.html 570 kB
         + 4 hidden modules
webpack: bundle is now VALID.

我不确定这是否是个问题。我的应用程序仍然加载

继续，我将以下两个导入添加到我的AppComponent：

import {TabView} from 'primeng/primeng';
import {TabPanel} from 'primeng/primeng';

这将生成以下附加警告：

webpack: bundle is now VALID.
[default] Checking started in a separate process...
[default] /.../node_modules/primeng/components/breadcrumb/breadcrumb.d.ts:3:24 
    Cannot find module '@angular/router'.
[default] /.../someDir/node_modules/primeng/components/contextmenu/contextmenu.d.ts:4:24 
    Cannot find module '@angular/router'.
[default] /.../someDir/node_modules/primeng/components/megamenu/megamenu.d.ts:4:24 
    Cannot find module '@angular/router'.
[default] /.../someDir/node_modules/primeng/components/menu/menu.d.ts:4:24 
    Cannot find module '@angular/router'.
[default] /.../someDir/node_modules/primeng/components/menubar/menubar.d.ts:4:24 
    Cannot find module '@angular/router'.
[default] /.../someDir/node_modules/primeng/components/panelmenu/panelmenu.d.ts:3:24 
    Cannot find module '@angular/router'.
[default] /.../someDir/node_modules/primeng/components/slidemenu/slidemenu.d.ts:4:24 
    Cannot find module '@angular/router'.
[default] /.../someDir/node_modules/primeng/components/splitbutton/splitbutton.d.ts:4:24 
    Cannot find module '@angular/router'.
[default] /.../someDir/node_modules/primeng/components/tabmenu/tabmenu.d.ts:3:24 
    Cannot find module '@angular/router'.
[default] /.../someDir/node_modules/primeng/components/tieredmenu/tieredmenu.d.ts:5:24 
    Cannot find module '@angular/router'.

问题:

• 如何使用Webpack向Angular2项目添加素描
• 为什么我的

  import'脚本！'工作
  为什么素数找不到角呢
  我似乎有两个独立的问题，它们都与我的package.json中缺少的东西有关
  
  问题1
  好像是剧本！我的网页上有什么特别的东西吗
  不知道怎么做。我明白了：
  
  ERROR in ./src/vendor.ts
  Module not found: Error: Cannot resolve module 'script' in /SomeDir/src
   @ ./src/vendor.ts 14:0-47
  Child html-webpack-plugin for "index.html":
      chunk    {0} index.html 570 kB
           + 4 hidden modules
  webpack: bundle is now VALID.
  
  问题2
  这里的问题是我缺少
  脚本加载程序
  。我通过以下方式解决了这个问题：
  
  npm install script-loader --save
  
  见-
  
  这将生成以下附加警告：
  
  webpack:捆绑包现在有效。[默认值]在单独的数据库中开始检查
  过程[默认值]
  /…/node_modules/priming/components/breadcrumb/breadcrumb.d.ts:3:24
  找不到模块'@angular/router'。[默认值]/…/someDir/node_modules/priming/components/contextmenu/contextmenu.d.ts:4:24
  
  Cannot find module '@angular/router'. [default] /.../someDir/node_modules/primeng/components/megamenu/megamenu.d.ts:4:24
  
  Cannot find module '@angular/router'. [default] /.../someDir/node_modules/primeng/components/menu/menu.d.ts:4:24 
  Cannot find module '@angular/router'. [default] /.../someDir/node_modules/primeng/components/menubar/menubar.d.ts:4:24
  
  Cannot find module '@angular/router'. [default] /.../someDir/node_modules/primeng/components/panelmenu/panelmenu.d.ts:3:24
  
  Cannot find module '@angular/router'. [default] /.../someDir/node_modules/primeng/components/slidemenu/slidemenu.d.ts:4:24
  
  Cannot find module '@angular/router'. [default] /.../someDir/node_modules/primeng/components/splitbutton/splitbutton.d.ts:4:24
  
  Cannot find module '@angular/router'. [default] /.../someDir/node_modules/primeng/components/tabmenu/tabmenu.d.ts:3:24
  
  Cannot find module '@angular/router'. [default] /.../someDir/node_modules/primeng/components/tieredmenu/tieredmenu.d.ts:5:24
  
  Cannot find module '@angular/router'.
  
  将路由器添加到my
  package.json
  解决了此问题：
  
  "@angular/router": "2.0.0-rc.1",
  
  你使用什么版本的angular2？请出示您的
  软件包。json
  ？Primeng需要RC版本的angular2