3

我正在尝试将 PrimeNG 加载到我的 Webpack 捆绑的 Angular2 应用程序中。

首先我做了一个 npm 安装：

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

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

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

接下来，如来自 angular2-webpack-starter 的这个github 提交所示，我添加了一个导入venders.ts：

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

这似乎script!是我的 webpack 不知道该怎么做的某种特殊事情。我得到这个：

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 将 PrimeNg 添加到 Angular2 项目中？
  • 为什么我的不import 'script!'...工作？
  • 为什么primeng找不到角度？
4

1 回答 1

3

好像我有两个独立的问题，它们都与我的 package.json 中缺少的东西有关

第一期

好像是脚本！是我的 webpack 不知道该怎么做的某种特殊的事情。我得到这个：

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 期

这里的问题是我错过了script-loader. 我通过执行以下操作解决了这个问题：

npm install script-loader --save

请参阅 -使用加载器

这会生成以下附加警告：

webpack：bundle 现在是有效的。[默认] 在单独的进程中开始检查... [默认] /.../node_modules/primeng/components/breadcrumb/breadcrumb.d.ts:3:24 找不到模块“@angular/router”。[默认] /.../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'.

将路由器添加到我package.json解决了这个问题：

"@angular/router": "2.0.0-rc.1",
于 2016-06-14T17:02:39.733 回答