[英]Add PrimeNG into Angular2 app using Webpack
我正在尝试将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'.
问题:
import 'script!'...
工作? 好像我有两个独立的问题,它们都与我的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.
这里的问题是我错过了script-loader
。 我做了一个:
npm install script-loader --save
请参阅 - 使用装载程序
这会产生以下附加警告:
webpack:bundle现在是VALID。 [默认]检查在单独的进程中启动... [默认] /.../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",
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.