2016-09-01 2 views
1

Angular2-Meteor 프로젝트를 만들고 있습니다. 나는 그것을 Angular 2 RC5를 사용하도록 설정했다. @injectable() 데코레이터를 사용하여 서비스를 추가하기 전까지는 모든 것이 잘 작동합니다. 즉시이 추가됩니다 나는 오류 컴파일 유성 나타납니다Angular2-Meteor : @ 착색 가능한 장식이 작동하지 않습니다.

마자 나는 @injectable을 분리

reflect-metadata shim is required when using class decorators

() 장식 유성 컴파일 모든 것을 내가 내 응용 프로그램을로드 할 수 있습니다.

barbatus : angular2-polyfills 패키지가 설치되어 필요한 zone.js 및 reflect-metadata 패키지를 가져 오는 데 필요한 모든 것이 있다고 생각합니다. 누군가가 main.ts 상단에 수입품을 사용하도록 제안했으나 효과가 없습니다.

@NgModule 및 @component 데코레이터는 문제없이 작동합니다. @injectable 데코레이터를 사용하는 서비스를 아직 @ngmodule에 연결하지 않았기 때문에 Meteor 환경이 의도 한대로 @injectable 데코레이터를 처리하지 못한다는 것을 나타냅니다. 사용 여부에 상관없이.

이 문제를 해결하는 방법에 대한 조언이나 아이디어는 많은 도움이 될 것입니다. 설치

JT

유성 패키지는 다음과 같습니다 설치 package.json에서

[email protected]    # Packages every Meteor app needs to have 
[email protected]  # Packages for a great mobile UX 
[email protected]     # The database Meteor supports right now 
[email protected]   # Reactive variable for tracker 
[email protected]     # Helpful client-side library 
[email protected]     # Meteor's client-side reactive programming library 
[email protected] # CSS minifier run for production mode 
[email protected] # JS minifier run for production mode 
[email protected]    # ECMAScript 5 compatibility for older browsers. 
[email protected]    # Enable ECMAScript2015+ syntax in app code 

[email protected]    # Publish all data to the clients (for prototyping) 
[email protected]    # Allow all DB writes from clients (for prototyping) 
angular2-compilers 
barbatus:angular2-runtime 
practicalmeteor:mocha 
xolvio:cleaner 
hwillson:stub-collections 
dispatch:mocha-phantomjs 
shell-server 
barbatus:angular2-polyfills 

고궁 박물원 패키지는 다음과 같습니다

"dependencies": { 
    "@angular/common": "2.0.0-rc.5", 
    "@angular/compiler": "2.0.0-rc.5", 
    "@angular/core": "2.0.0-rc.5", 
    "@angular/forms": "^0.3.0", 
    "@angular/platform-browser": "2.0.0-rc.5", 
    "@angular/platform-browser-dynamic": "2.0.0-rc.5", 
    "@angular/router": "^3.0.0-rc.1", 
    "@angular2-material/button": "^2.0.0-alpha.7-4", 
    "@angular2-material/card": "^2.0.0-alpha.7-4", 
    "@angular2-material/checkbox": "^2.0.0-alpha.7-4", 
    "@angular2-material/core": "^2.0.0-alpha.7-4", 
    "@angular2-material/input": "^2.0.0-alpha.7-4", 
    "@angular2-material/toolbar": "^2.0.0-alpha.7-4", 
    "angular2-meteor": "^0.7.0-beta.1", 
    "angular2-meteor-auto-bootstrap": "^0.6.0", 
    "angular2-meteor-polyfills": "^0.1.1", 
    "angular2-meteor-tests-polyfills": "^0.0.2", 
    "bcrypt": "^0.8.7", 
    "es6-shim": "0.35.1", 
    "meteor-node-stubs": "0.2.3", 
    "reflect-metadata": "0.1.3", 
    "rxjs": "5.0.0-beta.6", 
    "zone.js": "0.6.12" 
    }, 
    "devDependencies": { 
    "chai": "3.5.0", 
    "chai-spies": "0.7.1", 
    "codelyzer": "latest", 
    "tslint": "latest", 
    "typescript": "latest", 
    "typings": "latest" 
    } 

답변

관련 문제