liuy97 / angular2-material-seed Goto Github PK
View Code? Open in Web Editor NEWModular seed project for Angular apps with Material
Home Page: http://liuy97.github.io/angular2-material-seed
License: MIT License
Modular seed project for Angular apps with Material
Home Page: http://liuy97.github.io/angular2-material-seed
License: MIT License
I am getting error while runnning command: npm run build.prod.rollup.aot
<--- Last few GCs --->
136050 ms: Mark-sweep 1313.6 (1436.7) -> 1313.5 (1436.7) MB, 1772.7 / 0.0 ms [allocation failure] [GC in old space requested].
137793 ms: Mark-sweep 1313.5 (1436.7) -> 1313.5 (1436.7) MB, 1743.1 / 0.0 ms [allocation failure] [GC in old space requested].
139530 ms: Mark-sweep 1313.5 (1436.7) -> 1332.3 (1420.7) MB, 1736.1 / 0.0 ms [last resort gc].
141264 ms: Mark-sweep 1332.3 (1420.7) -> 1351.1 (1420.7) MB, 1733.8 / 0.0 ms [last resort gc].
<--- JS stacktrace --->
==== JS stack trace =========================================
Security context: 00000208255CF791
1: emitSourceFileOrBundle(aka emitSourceFileOrBundle) [D:\vfirstt_nexttrophy\nexttrophy-webapp\node_modules\typescript\lib\typescript.js:~66743] [pc=000003D999179463] (this=0000020825504381 ,_a=000001212F22C9D9 <an Object with map 00000058AFF438C1>,sourceFileOrBundle=00000140030B3229 <a SourceFileObject with map 0000013E4974CD41>)
2: arguments adaptor frame: 3->2
3: for...
FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
Every time, it gives different output but with same result Javascript heap out of memory while starting in
'build.js.prod.rollup.aot task.
Angular version:
" "@angular/animations": "^4.4.4", "@angular/cdk": "^2.0.0-beta.12", "@angular/common": "^4.4.4", "@angular/compiler": "^4.4.4", "@angular/core": "^4.4.4", "@angular/flex-layout": "2.0.0-beta.9", "@angular/forms": "^4.4.4", "@angular/http": "^4.4.4", "@angular/material": "^2.0.0-beta.12",
I tried using --max-old-space-size=N but no luck.
Can you please look into this issue?
When I do npm run build.prod. It works fine. But I want prod build with aot.
So I have o run npm run build.prod.aot
Steps to reproduce and a minimal demo of the problem
What steps should we try in your demo to see the problem?
Current behavior
[12:30:13] Finished 'tslint' after 21 s
[12:30:13] Starting 'build.assets.prod'...
[12:30:14] Finished 'build.assets.prod' after 509 ms
[12:30:14] Starting 'build.html_css'...
[12:30:23] Finished 'build.html_css' after 9.15 s
[12:30:23] Starting 'copy.prod'...
[12:30:23] Finished 'copy.prod' after 398 ms
[12:30:23] Starting 'compile.ahead.prod'...
[12:30:23] 'compile.ahead.prod' errored after 104 ms
[12:30:23] SyntaxError: Unexpected token } in JSON at position 899
at JSON.parse ()
at D:\vfirstt_nexttrophy\nexttrophy-webapp\tools\tasks\seed\compile.ahead.prod.ts:24:25
at modifyFile (D:\vfirstt_nexttrophy\nexttrophy-webapp\tools\tasks\seed\compile.ahead.prod.ts:18:23)
at module.exports (D:\vfirstt_nexttrophy\nexttrophy-webapp\tools\tasks\seed\compile.ahead.prod.ts:23:3)
at AnonTask.run (D:\vfirstt_nexttrophy\nexttrophy-webapp\tools\utils\seed\tasks_tools.ts:115:18)
at Gulp. (D:\vfirstt_nexttrophy\nexttrophy-webapp\tools\utils\seed\tasks_tools.ts:144:27)
at module.exports (D:\vfirstt_nexttrophy\nexttrophy-webapp\node_modules\orchestrator\lib\runTask.js:34:7)
at Gulp.Orchestrator._runTask (D:\vfirstt_nexttrophy\nexttrophy-webapp\node_modules\orchestrator\index.js:273:3)
at Gulp.Orchestrator._runStep (D:\vfirstt_nexttrophy\nexttrophy-webapp\node_modules\orchestrator\index.js:214:10)
at Gulp.Orchestrator.start (D:\vfirstt_nexttrophy\nexttrophy-webapp\node_modules\orchestrator\index.js:134:8)
[12:30:23] 'build.prod.aot' errored after 31 s
[12:30:23] SyntaxError in plugin 'run-sequence(compile.ahead.prod)'
Message:
Unexpected token } in JSON at position 899
Stack:
SyntaxError: Unexpected token } in JSON at position 899
at JSON.parse ()
at D:\vfirstt_nexttrophy\nexttrophy-webapp\tools\tasks\seed\compile.ahead.prod.ts:24:25
at modifyFile (D:\vfirstt_nexttrophy\nexttrophy-webapp\tools\tasks\seed\compile.ahead.prod.ts:18:23)
at module.exports (D:\vfirstt_nexttrophy\nexttrophy-webapp\tools\tasks\seed\compile.ahead.prod.ts:23:3)
at AnonTask.run (D:\vfirstt_nexttrophy\nexttrophy-webapp\tools\utils\seed\tasks_tools.ts:115:18)
at Gulp. (D:\vfirstt_nexttrophy\nexttrophy-webapp\tools\utils\seed\tasks_tools.ts:144:27)
at module.exports (D:\vfirstt_nexttrophy\nexttrophy-webapp\node_modules\orchestrator\lib\runTask.js:34:7)
at Gulp.Orchestrator._runTask (D:\vfirstt_nexttrophy\nexttrophy-webapp\node_modules\orchestrator\index.js:273:3)
at Gulp.Orchestrator._runStep (D:\vfirstt_nexttrophy\nexttrophy-webapp\node_modules\orchestrator\index.js:214:10)
at Gulp.Orchestrator.start (D:\vfirstt_nexttrophy\nexttrophy-webapp\node_modules\orchestrator\index.js:134:8)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build.prod.aot: gulp build.prod.aot --color --env-config prod --build-type prod
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build.prod.aot script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\psharma\AppData\Roaming\npm-cache_logs\2018-04-28T07_00_23_989Z-debug.log
Expected/desired behavior
Other information
Hi i'm try build.prod
But my SCSS file added in folder css can't use on Prod. In dev mode no problem
app
-->css
My project.config.ts
this.APP_ASSETS = [
{src: `${this.CSS_SRC}/myCss.css`, inject: true, vendor: false},
{src: `${this.CSS_SRC}/custommaterial.css`, inject: true, vendor: false}
];
Tell me about how to config when add new scss file.
Thanks for good seed project.
IMPORTANT: This repository's issues are reserved for feature requests and bug reports. Do not submit support requests here.
Steps to reproduce and a minimal demo of the problem
I am creating an app from the angular2-material-seed. I am running the app with npm run start.deving and i am seeing the issue with rxjs operators. I am not sure what the issue is: Here is what i see in the console:
SyntaxError: Unexpected token <
at eval ()
at evaluate (http://localhost:5555/node_modules/systemjs/dist/system.src.js?1528926841788:2805:16)
at http://localhost:5555/node_modules/systemjs/dist/system.src.js?1528926841788:3611:21
at dynamicExecute (http://localhost:5555/node_modules/systemjs/dist/system.src.js?1528926841788:1142:26)
at doEvaluate (http://localhost:5555/node_modules/systemjs/dist/system.src.js?1528926841788:1089:13)
at ensureEvaluate (http://localhost:5555/node_modules/systemjs/dist/system.src.js?1528926841788:997:13)
at http://localhost:5555/node_modules/systemjs/dist/system.src.js?1528926841788:1015:20
at Object.eval (http://localhost:5555/node_modules/rxjs/operators/index.js:3:15)
at eval (http://localhost:5555/node_modules/rxjs/operators/index.js:212:4)
at eval (http://localhost:5555/node_modules/rxjs/operators/index.js:213:3) Not expecting this error? Report it at https://github.com/liuy97/angular2-material-seed/issues
What steps should we try in your demo to see the problem?
Current behavior
Expected/desired behavior
Other information
Team,
I have added @angular/http using npm install and added version "@angular/http": "^5.2.8", in package.json.
After adding HttpModule in app,module.ts it is giving error:
(index):63 SyntaxError: Unexpected token <
at eval ()
at evaluate (http://localhost:5555/node_modules/systemjs/dist/system.src.js?1520942046377:2805:16)
at http://localhost:5555/node_modules/systemjs/dist/system.src.js?1520942046377:3611:21
at dynamicExecute (http://localhost:5555/node_modules/systemjs/dist/system.src.js?1520942046377:1142:26)
at doEvaluate (http://localhost:5555/node_modules/systemjs/dist/system.src.js?1520942046377:1089:13)
at ensureEvaluate (http://localhost:5555/node_modules/systemjs/dist/system.src.js?1520942046377:997:13)
at http://localhost:5555/node_modules/systemjs/dist/system.src.js?1520942046377:1015:20
at Object.eval (http://localhost:5555/app/app.module.js:14:14)
at eval (http://localhost:5555/app/app.module.js:78:4)
at eval (http://localhost:5555/app/app.module.js:79:3) Not expecting this error? Report it at https://github.com/liuy97/angular2-material-seed/issues
Can you fix this?
SCSS: How to enable scss/sass support in this project, as it not using angular cli for build process.
Hi. I have made build successfully using npm run build.prod.rollup.aot.
After build when I start webapp, it gives me error related to providers that I am not understanding.
Uncaught Error: StaticInjectorError(Platform: core)[zn]:
NullInjectorError: No provider for zn!
at t.get (app.js?1526539700791:1)
at app.js?1526539700791:1
at Ge (app.js?1526539700791:1)
at t.get (app.js?1526539700791:1)
at t.bootstrapModule (app.js?1526539700791:1)
at app.js?1526539700791:1
at app.js?1526539700791:1
Help me with this issue. Thanks
Hi I'm Shirley
I use this project but I have problem to catch event scrolling
Please Help me to do this.
I try @HostListener('window:scroll', ['$event']) < Not Work
And
window.addEventListener('scroll', function(){ let number = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; console.log(number); }, true);
I got 0 any time
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.