I have installed like the index example, but I get these errors when I do a gulp build if I have am import{Growl} or anything I try to import
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/breadcrumb/breadcrumb.d.ts(7,18): error TS2304: Cannot find name 'JQuery'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/chart/barchart/barchart.d.ts(40,12): error TS2304: Cannot find name 'LinearChartData'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/chart/doughnutchart/doughnutchart.d.ts(39,12): error TS2304: Cannot find name 'CircularChartData'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/chart/linechart/linechart.d.ts(41,12): error TS2304: Cannot find name 'LinearChartData'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/chart/piechart/piechart.d.ts(39,12): error TS2304: Cannot find name 'CircularChartData'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/chart/polarareachart/polarareachart.d.ts(38,12): error TS2304: Cannot find name 'CircularChartData'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/chart/radarchart/radarchart.d.ts(39,12): error TS2304: Cannot find name 'LinearChartData'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/megamenu/megamenu.d.ts(9,18): error TS2304: Cannot find name 'JQuery'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/menu/menu.d.ts(12,18): error TS2304: Cannot find name 'JQuery'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/menubar/menubar.d.ts(8,18): error TS2304: Cannot find name 'JQuery'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/panelmenu/panelmenu.d.ts(7,18): error TS2304: Cannot find name 'JQuery'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/slidemenu/slidemenu.d.ts(13,18): error TS2304: Cannot find name 'JQuery'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/tieredmenu/tieredmenu.d.ts(13,18): error TS2304: Cannot find name 'JQuery'.
install problems
-
- Prime
- Posts: 18616
- Joined: 05 Jan 2009, 00:21
- Location: Cybertron
- Contact:
Please include typings to your project as typescript seems to look under node_modules, finds our d.ts files which has transitive dependencies to other d.ts files.
Here is an example from our quickstart;
https://github.com/primefaces/primeng-q ... pings.json
Adding this fixes the issue. You need to do "npm install" or "typings install" after adding this.
Typings is a nice add-on to get d.ts files automatically.
https://www.npmjs.com/package/typings
If you don't have it, you can get it via "npm install typings --global".
Here is an example from our quickstart;
https://github.com/primefaces/primeng-q ... pings.json
Adding this fixes the issue. You need to do "npm install" or "typings install" after adding this.
Typings is a nice add-on to get d.ts files automatically.
https://www.npmjs.com/package/typings
If you don't have it, you can get it via "npm install typings --global".
thank you for your help, I now have the jquery error gone, but I am seeing the issues below when I do a gulp build now
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/chart/barchart/barchart.d.ts(40,12): error TS2304: Cannot find name 'LinearChartData'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/chart/doughnutchart/doughnutchart.d.ts(39,12): error TS2304: Cannot find name 'CircularChartData'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/chart/linechart/linechart.d.ts(41,12): error TS2304: Cannot find name 'LinearChartData'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/chart/piechart/piechart.d.ts(39,12): error TS2304: Cannot find name 'CircularChartData'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/chart/polarareachart/polarareachart.d.ts(38,12): error TS2304: Cannot find name 'CircularChartData'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/chart/radarchart/radarchart.d.ts(39,12): error TS2304: Cannot find name 'LinearChartData'.
src/main/components/main.ts(93,10): error TS2314: Generic type 'Array<T>' requires 1 type argument(s).
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/typings/browser/ambient/jquery/jquery.d.ts(3212,13): error TS2403: Subsequent variable declarations must have the same type. Variable '$' must be of type 'cssSelectorHelper', but here has type 'JQueryStatic'.
and if I try to run the application I get this below in the debugger..
angular2.js?1457011357165:23083 EXCEPTION: TypeError: jQuery(...).puigrowl is not a function in [msgs in MainCmp@0:9]BrowserDomAdapter.logError @ angular2.js?1457011357165:23083BrowserDomAdapter.logGroup @ angular2.js?1457011357165:23094ExceptionHandler.call @ angular2.js?1457011357165:1185(anonymous function) @ angular2.js?1457011357165:12591NgZone._notifyOnError @ angular2.js?1457011357165:13635collection_1.StringMapWrapper.merge.onError @ angular2.js?1457011357165:13539Zone.run @ angular2-polyfills.js?1457011357161:1247NgZone._notifyOnTurnDone @ angular2.js?1457011357165:13450(anonymous function) @ angular2.js?1457011357165:13565zoneBoundFn @ angular2-polyfills.js?1457011357161:1220lib$es6$promise$asap$$flush @ angular2-polyfills.js?1457011357161:262
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/chart/barchart/barchart.d.ts(40,12): error TS2304: Cannot find name 'LinearChartData'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/chart/doughnutchart/doughnutchart.d.ts(39,12): error TS2304: Cannot find name 'CircularChartData'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/chart/linechart/linechart.d.ts(41,12): error TS2304: Cannot find name 'LinearChartData'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/chart/piechart/piechart.d.ts(39,12): error TS2304: Cannot find name 'CircularChartData'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/chart/polarareachart/polarareachart.d.ts(38,12): error TS2304: Cannot find name 'CircularChartData'.
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/node_modules/primeng/components/chart/radarchart/radarchart.d.ts(39,12): error TS2304: Cannot find name 'LinearChartData'.
src/main/components/main.ts(93,10): error TS2314: Generic type 'Array<T>' requires 1 type argument(s).
/Users/Administrator/WebstormProjects/Calltower_Master/NG_Userportal/_userportal/user-connect/user_connect/typings/browser/ambient/jquery/jquery.d.ts(3212,13): error TS2403: Subsequent variable declarations must have the same type. Variable '$' must be of type 'cssSelectorHelper', but here has type 'JQueryStatic'.
and if I try to run the application I get this below in the debugger..
angular2.js?1457011357165:23083 EXCEPTION: TypeError: jQuery(...).puigrowl is not a function in [msgs in MainCmp@0:9]BrowserDomAdapter.logError @ angular2.js?1457011357165:23083BrowserDomAdapter.logGroup @ angular2.js?1457011357165:23094ExceptionHandler.call @ angular2.js?1457011357165:1185(anonymous function) @ angular2.js?1457011357165:12591NgZone._notifyOnError @ angular2.js?1457011357165:13635collection_1.StringMapWrapper.merge.onError @ angular2.js?1457011357165:13539Zone.run @ angular2-polyfills.js?1457011357161:1247NgZone._notifyOnTurnDone @ angular2.js?1457011357165:13450(anonymous function) @ angular2.js?1457011357165:13565zoneBoundFn @ angular2-polyfills.js?1457011357161:1220lib$es6$promise$asap$$flush @ angular2-polyfills.js?1457011357161:262
-
- Prime
- Posts: 18616
- Joined: 05 Jan 2009, 00:21
- Location: Cybertron
- Contact:
You also need a chart.d.ts for the charts.js references. Note that as of 0.6, this should work without adding the typings.
https://github.com/primefaces/primeng-q ... pings.json
Also exclude main;
https://github.com/primefaces/primeng-q ... onfig.json
QuickStart will help here;
https://github.com/primefaces/primeng-quickstart/
Can you post your index.html please? I think you are missing some resources.
Here is an example one;
https://github.com/primefaces/primeng-q ... index.html
https://github.com/primefaces/primeng-q ... pings.json
Also exclude main;
https://github.com/primefaces/primeng-q ... onfig.json
QuickStart will help here;
https://github.com/primefaces/primeng-quickstart/
Can you post your index.html please? I think you are missing some resources.
Here is an example one;
https://github.com/primefaces/primeng-q ... index.html
thank you for helping, seems like I am getting closer, I now only have one error on my gulp build.dev
/typings/browser/ambient/jquery/jquery.d.ts(3212,13): error TS2403: Subsequent variable declarations must have the same type. Variable '$' must be of type 'cssSelectorHelper', but here has type 'JQueryStatic'.
here is my index.html
/typings/browser/ambient/jquery/jquery.d.ts(3212,13): error TS2403: Subsequent variable declarations must have the same type. Variable '$' must be of type 'cssSelectorHelper', but here has type 'JQueryStatic'.
here is my index.html
Code: Select all
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>User:Connect</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- inject:css -->
<link rel="stylesheet" href="/node_modules/ag-grid/dist/styles/ag-grid.css?1457037451155">
<link rel="stylesheet" href="/node_modules/ag-grid/dist/styles/theme-fresh.css?1457037451155">
<link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css?1457037451155">
<link rel="stylesheet" href="/dist/dev/assets/css/main.css?1457037451156">
<link rel="stylesheet" href="/dist/dev/assets/css/font-awesome.min.css?1457037451161">
<link rel="stylesheet" href="/dist/dev/assets/resources/primeui.css?1457037451161">
<!-- endinject -->
</head>
<body>
<app>Loading...</app>
<script>
// function.name (all IE)
// Remove once https://github.com/angular/angular/issues/6501 is fixed.
/*! @source http://stackoverflow.com/questions/6903762/function-name-not-supported-in-ie*/
if (!Object.hasOwnProperty('name')) {
Object.defineProperty(Function.prototype, 'name', {
get: function() {
var matches = this.toString().match(/^\s*function\s*(\S*)\s*\(/);
var name = matches && matches.length > 1 ? matches[1] : "";
// For better performance only parse once, and then cache the
// result through a new accessor for repeated access.
Object.defineProperty(this, 'name', {value: name});
return name;
}
});
}
</script>
<script>
// Fixes undefined module function in SystemJS bundle
function module() {}
</script>
<!-- shims:js -->
<script src="/node_modules/systemjs/dist/system-polyfills.src.js?1457037451147"></script>
<script src="/node_modules/reflect-metadata/Reflect.js?1457037451148"></script>
<script src="/node_modules/es6-shim/es6-shim.js?1457037451148"></script>
<script src="/node_modules/systemjs/dist/system.src.js?1457037451148"></script>
<script src="/node_modules/angular2/es6/dev/src/testing/shims_for_IE.js?1457037451148"></script>
<script src="/node_modules/angular2/bundles/angular2-polyfills.js?1457037451149"></script>
<!-- endinject -->
<script>System.config({"defaultJSExtensions":true,"paths":{"main":"/main","angular2/*":"/angular2/*","rxjs/*":"/rxjs/*","*":"/node_modules/*","moment":"/node_modules/ng2-bootstrap/node_modules/moment/moment"},"primeng":"/node_modules/primeng/primeng"})</script>
<!-- libs:js -->
<script src="/node_modules/rxjs/bundles/Rx.js?1457037451151"></script>
<script src="/node_modules/angular2/bundles/angular2.js?1457037451151"></script>
<script src="/node_modules/angular2/bundles/router.js?1457037451152"></script>
<script src="/node_modules/angular2/bundles/http.js?1457037451152"></script>
<script src="/node_modules/ag-grid-ng2/lib/agGridNg2.js?1457037451152"></script>
<script src="/node_modules/ag-grid/dist/ag-grid.js?1457037451152"></script>
<script src="/node_modules/jquery/dist/jquery.js?1457037451153"></script>
<script src="/node_modules/jquery-ui/jquery-ui.js?1457037451153"></script>
<script src="/node_modules/primeui/primeui.js?1457037451154"></script>
<script src="/node_modules/primeng/primeng.js?1457037451154"></script>
<!-- endinject -->
<!-- inject:js -->
<!-- endinject -->
<script>
System.import('main')
.catch(function (e) {
console.error(e,
'Report this error at https://github.com/mgechev/angular2-seed/issues');
});
</script>
</body>
</html>
-
- Prime
- Posts: 18616
- Joined: 05 Jan 2009, 00:21
- Location: Cybertron
- Contact:
It is a known issue with angular protactor and jquery, this was supposed to be fixed in Angular2 beta2, which version do you have;
https://github.com/angular/angular/issues/4725
Two more links;
https://github.com/DefinitelyTyped/Defi ... ssues/2734
https://github.com/angular/angular/issues/5459
Are you using typings module by the way?
https://github.com/angular/angular/issues/4725
Two more links;
https://github.com/DefinitelyTyped/Defi ... ssues/2734
https://github.com/angular/angular/issues/5459
Are you using typings module by the way?
-
- Prime
- Posts: 18616
- Joined: 05 Jan 2009, 00:21
- Location: Cybertron
- Contact:
Is it possible to see your code somewhere like a plunk?
-
- Information
-
Who is online
Users browsing this forum: No registered users and 3 guests