我正在尝试将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:捆绑包现在有效。[默认]检查是在单独的进程中开始的... [默认] /.../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",
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句