Angular: "๋ถ€๋ถ„ ํ‚ค ํ”„๋ ˆ์ž„"์œผ๋กœ ์ธํ•ด Material2 ๋ฉ”๋‰ด๋ฅผ ์—ด ๋•Œ ์‹คํŒจ ํ•จ

์— ๋งŒ๋“  2018๋…„ 01์›” 24์ผ  ยท  1๋…ผํ‰  ยท  ์ถœ์ฒ˜: angular/angular

๋ฒ„๊ทธ, ๊ธฐ๋Šฅ ์š”์ฒญ ๋˜๋Š” ์ œ์•ˆ :

๊ณค์ถฉ

์˜ˆ์ƒ๋˜๋Š” ๋™์ž‘์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

์ž‘๋™ํ•˜๋Š” ๋ฉ”๋‰ด ๊ตฌ์„ฑ ์š”์†Œ.

ํ˜„์žฌ ํ–‰๋™์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

๋ฉ”๋‰ด๋ฅผ ํ•œ ๋ฒˆ ์—ด๋ฉด ๋ชจ๋“  ๋ฒ„ํŠผ์„ ํด๋ฆญ ํ•  ์ˆ˜์—†๋Š” ์ƒํƒœ๋กœ ์—ด๋ฆฝ๋‹ˆ๋‹ค.
์ฝ˜์†”์— ๋‹ค์Œ์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

Invalid keyframe value for property transform: matrix(0,01, 0, 0, 0,01, 0, 0)
polyfills.bundle.js:5856 ERROR DOMException: Failed to execute 'animate' on 'Element': Partial keyframes are not supported.
    at WebAnimationsPlayer.webpackJsonp../node_modules/@angular/animations/esm5/browser.js.WebAnimationsPlayer._triggerWebAnimation (file:///xxxx/dist/vendor.bundle.js:7480:52)



md5-e1ede8144e58c9be554c2b2515483e00



  "dependencies": {
    "@angular/animations": "^5.2.0",
    "@angular/cdk": "^5.0.4",
    "@angular/material": "^5.0.4"
  },
  "devDependencies": {
    "@angular/common": "5.2.0",
    "@angular/compiler": "5.2.0",
    "@angular/core": "5.2.0",
    "@angular/forms": "5.2.0",
    "@angular/http": "5.2.0",
    "@angular/platform-browser": "5.2.0",
    "@angular/platform-browser-dynamic": "5.2.0",
    "@angular/router": "5.2.0",



md5-d7ed3dd5f097f7552ad782350ac54ce1



npm WARN @angular/[email protected] requires a peer of @angular/core@~5.1.1 but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/common@~5.1.1 but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/core@~5.1.1 but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/common@~5.1.1 but none was installed.

์ด ๋ฌธ์ œ๋ฅผ ์—ฌ๊ธฐ์— ๋‹ค์‹œ ๊ฒŒ์‹œํ•˜๋ผ๋Š” ์ง€์‹œ๋ฅผ ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค. (์›๋ณธ ๋ฌธ์ œ๋Š” https://github.com/angular/material2/issues/9348์„ ์ฐธ์กฐํ•˜์‹ญ์‹œ์˜ค.)

P3 animations medium bufix

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

material.angular.io ์˜ ์˜ˆ์ œ์—์„œ๋„ ๋™์ผํ•œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค. Google Chrome ๋ฒ„์ „ 64.0.3282.186์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

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

material.angular.io ์˜ ์˜ˆ์ œ์—์„œ๋„ ๋™์ผํ•œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค. Google Chrome ๋ฒ„์ „ 64.0.3282.186์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

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