2017-03-07 5 views
4

Angular-Cli를 설치하고 기본 프로젝트를 생성하려면 angular.io 단계를 수행했습니다. 매번 서비스를 제공하거나 빌드하지 못합니다. npm, node, 모든 노드 dep를 제거했습니다. 아직 아무것도. 서로 다른 버전의 angular-cli (beta28)를 사용하여 동일한 오류가 발생합니다. Angular-CLI를 사용한 Angular 2 Setup

ng -v

@angular/cli: 1.0.0-rc.1 
node: 6.10.0 
os: darwin x64 
@angular/common: 2.4.9 
@angular/compiler: 2.4.9 
@angular/core: 2.4.9 
@angular/forms: 2.4.9 
@angular/http: 2.4.9 
@angular/platform-browser: 2.4.9 
@angular/platform-browser-dynamic: 2.4.9 
@angular/router: 3.4.9 
@angular/cli: 1.0.0-rc.1 
@angular/compiler-cli: 2.4.9 

오류 나는 점점 오전 :

ERROR in multi ./src/styles.css 
Module not found: Error: Can't resolve 'style-loader' in '/Users/sebastian/workspace/ellipsis/frontend' 
@ multi ./src/styles.css 

ERROR in multi ./src/main.ts 
Module not found: Error: Can't resolve '@ngtools/webpack' in '/Users/sebastian/workspace/ellipsis/frontend' 
@ multi ./src/main.ts 

ERROR in multi ./src/polyfills.ts 
Module not found: Error: Can't resolve '@ngtools/webpack' in '/Users/sebastian/workspace/ellipsis/frontend' 
    @ multi ./src/polyfills.ts 
ERROR in Error: Child compilation failed: 
    Entry module not found: Error: Can't resolve 'raw-loader' in '/Users/sebastian/workspace/ellipsis/frontend': 
    Error: Can't resolve 'raw-loader' in '/Users/sebastian/workspace/ellipsis/frontend' 

그래서 내가 하나 필요한 모든 모듈이 하나를 설치했습니다. 그러나 더 이상 누락 된 모듈이 아닌 또 다른 오류가 남아 있습니다.

이 모듈을 하나씩 설치해야한다고 생각하지 않습니다. 내가 여기서 무엇을 놓치고 있니?

+0

webpack --display-error-details를 실행 해보십시오. 이 오류는 파일 해상도와 관련이 없을 수 있습니다 .https : //github.com/webpack/webpack/issues/981 – flakerimi

+0

angular-cli를 다시 설치할 때마다 프로젝트를 만들고 있습니까? 또는 매번 자신의 코드 기반을 사용하고 있습니까? –

+0

저는'rm -rf project-name'과'ng new project-name'입니다. cd ->'ng build' – Trouble

답변

2

대신 사용 @angular/cli

npm uninstall angular-cli 

npm cache clean 

npm install @angular/cli 

ng new myApp 

ng serve 
+0

정확하게 동일한 오류가 발생합니다. 나는 angular.io의 단계를 밟았습니다. 당신의 것은별로 다르지 않았습니다. 이미 설치 한 것을 다시 설치하기 만하면됩니다. – Trouble

+0

다음 명령을 실행하십시오 :'npm install style-loader'와'npm install @ ngtools/webpack' 그리고'npm install raw-loader' –

+1

수동으로 다른 모듈을 설치해야했습니다. 그곳에는 여전히 오류가 있습니다 : 'ERROR in ./src/main.ts 모듈 빌드 실패 : TypeError : Object에서 'newLine'속성의 정의되지 않은 을 읽을 수 없습니다.getNewLineCharacter (/Users/sebastian/workspace/ellipsis/frontend/node_modules/typescript/lib/typescript.js:8062:20) Object.createCompilerHost (/ Users/sebastian/workspace/줄임표/frontend/node_modules/typescript/lib/typescript.js : 44978 : 26) at Object.ngcLoader (/Users/sebastian/workspace/ellipsis/frontend/node_modules/@ngtools/webpack/src/loader.js:338:33) @ multi ./src/main .ts' – Trouble

1

난 당신이 아직 아무것도

"angular-cli": "1.0.0-beta.21", 
"@angular/common": "~2.4.1", 
"@angular/compiler": "~2.4.1", 
"@angular/core": "~2.4.1", 
"@angular/forms": "~2.4.1", 
"@angular/http": "~2.4.1", 
"@angular/platform-browser": "~2.4.1", 
"@angular/platform-browser-dynamic": "~2.4.1", 
"@angular/router": "~3.1.0", 
를 다른 경우 확인 및 업데이트하시기 바랍니다, 내가 버전 이하로 사용하고 RC에게 CLI의 버전을 사용하고 생각을 OSX 시에라 실행
0

노드 모듈을 청소하고 다시 설치하면 문제가 없다고 생각합니다.

+0

내가 이미 제공 한 정보를 읽으십시오. 그것은 잘 작동하지 않습니다. – Trouble

0

이전 버전의 Node.js가 설치되어있는 경우 최신 버전을 설치하면 이전 버전이 업데이트되지만 이전 참조 정보는 여전히 반영됩니다.

이 문제를 해결하려면 프로그램 추가/제거에서 이전 버전의 Node.js를 제거하고 최신 Node.js 인스턴스를 새로 설치하십시오. 다음 "npm install -g @ angular/cli"명령 프롬프트를 실행하십시오. CLI 구성 요소를 설치합니다.