Ng-lazyload-image: ์„ค์น˜ ํ›„ SSR Angular Universal์„ ์‚ฌ์šฉํ•  ๋•Œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2017๋…„ 09์›” 13์ผ  ยท  7์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: tjoskar/ng-lazyload-image

node_modules/@angular/core/bundles/core.umd.js:501
var /** @type {?} */ meta = Reflect$1.getOwnMetadata('propMetadata', target.constructor) || {};
^^

TypeError: Reflect$1.getOwnMetadata๋Š” ํ•จ์ˆ˜๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค.
PropDecorator์—์„œ

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

server.ts ํŒŒ์ผ์— import 'core-js/es7/reflect'; ๋˜๋Š” import 'reflect-metadata'; ๊ฐ€์ ธ์˜ค๊ธฐ์˜ ๋งจ ์œ„์— ์ด ํ–‰์„ ํฌํ•จํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋ชจ๋“  7 ๋Œ“๊ธ€

@dkmostafa , ์˜ค๋ฅ˜๊ฐ€ ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์™€ ๊ด€๋ จ์ด ์žˆ๋‹ค๊ณ  ํ™•์‹ ํ•ฉ๋‹ˆ๊นŒ? ์Šคํƒ ์ถ”์ ์—์„œ node_modules/bundles/core.umd.js(์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ํฌํ•จ๋˜์ง€ ์•Š์Œ)์— ์˜ค๋ฅ˜๊ฐ€ ์žˆ๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋ณด์ž…๋‹ˆ๊นŒ? ng-lazyload-image ๊ฐ€์ ธ์˜ค๊ธฐ๋ฅผ ์ œ๊ฑฐํ•ด๋„ ์ด ์˜ค๋ฅ˜๊ฐ€ ๊ณ„์† ๋ฐœ์ƒํ•ฉ๋‹ˆ๊นŒ?

ng-lazyload-image ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ œ๊ฑฐํ•˜๊ณ  app.module.ts์—์„œ ์ œ๊ฑฐํ•œ ํ›„ ํ”„๋กœ์ ํŠธ๊ฐ€ ์™„๋ฒฝํ•˜๊ฒŒ ์ž‘๋™ํ–ˆ์Šต๋‹ˆ๋‹ค.

์ด๊ฒƒ์€ ์˜ค๋ฅ˜์˜ ์ „์ฒด ์ถ”์ ์ž…๋‹ˆ๋‹ค.

TypeError: Reflect$1.getOwnMetadata๋Š” ํ•จ์ˆ˜๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค.
PropDecorator์—์„œ (/project/node_modules/@angular/core/bundles/core.umd.js:501:51)
__decorate(/project/node_modules/ng-lazyload-image/src/lazyload-image.directive.js:5:110)์—์„œ
project/node_modules/ng-lazyload-image/src/lazyload-image.directive.js:62:5์—์„œ
๊ฐœ์ฒด์—์„œ.(/project/node_modules/ng-lazyload-image/src/lazyload-image.directive.js:97:2)
Module._compile์—์„œ (module.js:570:32)
Object.Module._extensions..js์—์„œ (module.js:579:10)
Module.load์—์„œ (module.js:487:32)
tryModuleLoad์—์„œ(module.js:446:12)
Function.Module._load์—์„œ (module.js:438:3)
Module.require์—์„œ (module.js:497:17)

์˜ˆ, ์ด ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์„ค์น˜ํ•œ ํ›„์—๋„ ๋™์ผํ•œ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. @angular/cli๋Š” ng build --prod ๋ฅผ ํ†ตํ•ด ์•ฑ์„ ๋นŒ๋“œํ•˜์ง€๋งŒ ์„œ๋ฒ„ ์ธก์—์„œ TypeError ์œ„์˜ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•˜๋ ค๊ณ  ํ•˜๋ฉด ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

์ผ๋ถ€ ์ข…์†์„ฑ์—์„œ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.
https://github.com/angular/angular-cli/issues/7476

์œ ๋‹ˆ๋ฒ„์„ค์„ ์‚ฌ์šฉํ•  ๋•Œ

Node๊ฐ€ ์ง€์›ํ•˜์ง€ ์•Š๋Š” ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ ๋ฆฌํ”Œ๋ ‰์…˜ API(getOwnMetadata)๊ฐ€ ํ•„์š”ํ•œ ๊ณณ

์ธํ„ฐ๋„ท ๊ฒ€์ƒ‰์„ ํ•ด๋ณด๋‹ˆ ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ์•„๋‹Œ angular-cli/universal์—์„œ ๋ฌธ์ œ๊ฐ€ ์žˆ๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋‚ด๊ฐ€ ํ‹€๋ ธ๋‹ค๋ฉด ์•Œ๋ ค์ฃผ์„ธ์š”!

server.ts ํŒŒ์ผ์— import 'core-js/es7/reflect'; ๋˜๋Š” import 'reflect-metadata'; ๊ฐ€์ ธ์˜ค๊ธฐ์˜ ๋งจ ์œ„์— ์ด ํ–‰์„ ํฌํ•จํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰