liuy97 / angular2-material-seed Goto Github PK

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

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

• main.css
• custommaterial.scss (new file)
• myCss.scss (new file)

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.

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 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

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?

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

SCSS: How to enable scss/sass support in this project, as it not using angular cli for build process.

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?