앱 시작시 각도 오류

그래서 Ionic을 사용하는 하이브리드 모바일 앱부터 시작합니다. 시작하려면 NodeJS, Angular, Ionic, Cordova를 Windows 10에 설치해야합니다. 문제는 내가 만든 Anuglar 앱을 만들어 실행하려고 할 때 많은 오류가 발생하고 왜 아무것도 바뀌지 않았습니다. 다음 명령을 사용했습니다.앱 시작시 각도 오류

# ng new [APP-NAME] 
# cd [APP-NAME] 
# ng serve

이 반환하는 다음의 모든 :

는

** NG Live Development Server is running on http://localhost:4200. ** 
94% asset optimizationwebpack: wait until bundle finished:/
Hash: dc480c594a2365ced8eb 
Time: 1626ms 
chunk {0} styles.bundle.map (styles) 28 bytes {2} [initial] [rendered] 
chunk {1} main.bundle.js, main.bundle.map (main) 40 bytes [initial] [rendered] 
chunk {2} inline.bundle.js, inline.bundle.map (inline) 0 bytes [entry] [rendered] 

ERROR in multi main 
Module not found: Error: Can't resolve 'webpack-dev-server/client?http://localhost:4200/' in 'C:\Users\Brian\Documents\Ionic Projects\github-repos' 
@ multi main 

ERROR in multi styles 
Module not found: Error: Can't resolve 'style-loader' in 'C:\Users\Brian\Documents\Ionic Projects\github-repos' 
@ multi styles 

ERROR in multi main 
Module not found: Error: Can't resolve '@ngtools/webpack' in 'C:\Users\Brian\Documents\Ionic Projects\github-repos' 
@ multi main 

ERROR in Error: Child compilation failed: 
    Entry module not found: Error: Can't resolve 'raw-loader' in 'C:\Users\Brian\Documents\Ionic Projects\github-repos': 
    Error: Can't resolve 'raw-loader' in 'C:\Users\Brian\Documents\Ionic Projects\github-repos' 

    - compiler.js:76 
    [github-repos]/[angular-cli]/[html-webpack-plugin]/lib/compiler.js:76:16 

    - Compiler.js:279 Compiler.<anonymous> 
    [github-repos]/[angular-cli]/[webpack]/lib/Compiler.js:279:10 

    - Compiler.js:474 
    [github-repos]/[angular-cli]/[webpack]/lib/Compiler.js:474:13 

    - Tapable.js:102 next 
    [github-repos]/[angular-cli]/[webpack]/[tapable]/lib/Tapable.js:102:11 

    - CachePlugin.js:61 Compiler.<anonymous> 
    [github-repos]/[angular-cli]/[webpack]/lib/CachePlugin.js:61:4 

    - Tapable.js:106 Compiler.applyPluginsAsyncSeries 
    [github-repos]/[angular-cli]/[webpack]/[tapable]/lib/Tapable.js:106:13 

    - Compiler.js:471 Compiler.<anonymous> 
    [github-repos]/[angular-cli]/[webpack]/lib/Compiler.js:471:10 

    - Tapable.js:102 next 
    [github-repos]/[angular-cli]/[webpack]/[tapable]/lib/Tapable.js:102:11 

    - suppress-entry-chunks-webpack-plugin.js:28 Compilation.<anonymous> 
    [github-repos]/[angular-cli]/plugins/suppress-entry-chunks-webpack-plugin.js:28:17 

    - Tapable.js:106 Compilation.applyPluginsAsyncSeries 
    [github-repos]/[angular-cli]/[webpack]/[tapable]/lib/Tapable.js:106:13 

    - Compilation.js:626 Compilation.<anonymous> 
    [github-repos]/[angular-cli]/[webpack]/lib/Compilation.js:626:18 

    - Tapable.js:95 Compilation.applyPluginsAsyncSeries 
    [github-repos]/[angular-cli]/[webpack]/[tapable]/lib/Tapable.js:95:46 

    - Compilation.js:617 Compilation.<anonymous> 
    [github-repos]/[angular-cli]/[webpack]/lib/Compilation.js:617:10 

    - Tapable.js:95 Compilation.applyPluginsAsyncSeries 
    [github-repos]/[angular-cli]/[webpack]/[tapable]/lib/Tapable.js:95:46 

    - Compilation.js:612 Compilation.<anonymous> 
    [github-repos]/[angular-cli]/[webpack]/lib/Compilation.js:612:9 

    - Tapable.js:95 Compilation.applyPluginsAsyncSeries 
    [github-repos]/[angular-cli]/[webpack]/[tapable]/lib/Tapable.js:95:46 

    - Compilation.js:608 Compilation.<anonymous> 
    [github-repos]/[angular-cli]/[webpack]/lib/Compilation.js:608:8 

    - Tapable.js:95 Compilation.applyPluginsAsyncSeries 
    [github-repos]/[angular-cli]/[webpack]/[tapable]/lib/Tapable.js:95:46 

    - Compilation.js:554 Compilation.seal 
    [github-repos]/[angular-cli]/[webpack]/lib/Compilation.js:554:7 

    - Compiler.js:468 Compiler.<anonymous> 
    [github-repos]/[angular-cli]/[webpack]/lib/Compiler.js:468:16 

    - Tapable.js:189 
    [github-repos]/[angular-cli]/[webpack]/[tapable]/lib/Tapable.js:189:11 

    - Compilation.js:452 Compilation.<anonymous> 
    [github-repos]/[angular-cli]/[webpack]/lib/Compilation.js:452:10 

    - Compilation.js:347 Compilation.errorAndCallback 
    [github-repos]/[angular-cli]/[webpack]/lib/Compilation.js:347:3 

    - Compilation.js:364 Compilation.<anonymous> 
    [github-repos]/[angular-cli]/[webpack]/lib/Compilation.js:364:11 

    - NormalModuleFactory.js:40 onDoneResolving 
    [github-repos]/[angular-cli]/[webpack]/lib/NormalModuleFactory.js:40:20 

    - NormalModuleFactory.js:159 
    [github-repos]/[angular-cli]/[webpack]/lib/NormalModuleFactory.js:159:21 

    - async.js:726 
    [github-repos]/[angular-cli]/[webpack]/[async]/lib/async.js:726:13 

    - async.js:52 
    [github-repos]/[angular-cli]/[webpack]/[async]/lib/async.js:52:16 

    - async.js:241 done 
    [github-repos]/[angular-cli]/[webpack]/[async]/lib/async.js:241:17 

    - async.js:44 
    [github-repos]/[angular-cli]/[webpack]/[async]/lib/async.js:44:16 

    - async.js:723 
    [github-repos]/[angular-cli]/[webpack]/[async]/lib/async.js:723:17 

    - async.js:167 
    [github-repos]/[angular-cli]/[webpack]/[async]/lib/async.js:167:37 

    - async.js:52 
    [github-repos]/[angular-cli]/[webpack]/[async]/lib/async.js:52:16 

    - async.js:361 
    [github-repos]/[angular-cli]/[webpack]/[async]/lib/async.js:361:13 

    - async.js:52 
    [github-repos]/[angular-cli]/[webpack]/[async]/lib/async.js:52:16 

    - async.js:241 done 
    [github-repos]/[angular-cli]/[webpack]/[async]/lib/async.js:241:17 

    - async.js:44 
    [github-repos]/[angular-cli]/[webpack]/[async]/lib/async.js:44:16 

    - async.js:358 
    [github-repos]/[angular-cli]/[webpack]/[async]/lib/async.js:358:17 

    - NormalModuleFactory.js:216 
    [github-repos]/[angular-cli]/[webpack]/lib/NormalModuleFactory.js:216:19 

    - Resolver.js:70 onResolved 
    [github-repos]/[angular-cli]/[webpack]/[enhanced-resolve]/lib/Resolver.js:70:11 

    - createInnerCallback.js:31 loggingCallbackWrapper 
    [github-repos]/[angular-cli]/[webpack]/[enhanced-resolve]/lib/createInnerCallback.js:31:19 

    - Resolver.js:138 afterInnerCallback 
    [github-repos]/[angular-cli]/[webpack]/[enhanced-resolve]/lib/Resolver.js:138:10 

    - createInnerCallback.js:31 loggingCallbackWrapper 
    [github-repos]/[angular-cli]/[webpack]/[enhanced-resolve]/lib/createInnerCallback.js:31:19 

    - Tapable.js:145 Resolver.applyPluginsAsyncSeriesBailResult1 
    [github-repos]/[angular-cli]/[webpack]/[tapable]/lib/Tapable.js:145:46 

    - Resolver.js:125 innerCallback 
    [github-repos]/[angular-cli]/[webpack]/[enhanced-resolve]/lib/Resolver.js:125:19 

    - createInnerCallback.js:31 loggingCallbackWrapper 
    [github-repos]/[angular-cli]/[webpack]/[enhanced-resolve]/lib/createInnerCallback.js:31:19 

    - Tapable.js:247 
    [github-repos]/[angular-cli]/[webpack]/[tapable]/lib/Tapable.js:247:15 

    - UnsafeCachePlugin.js:39 
    [github-repos]/[angular-cli]/[webpack]/[enhanced-resolve]/lib/UnsafeCachePlugin.js:39:4 

    - createInnerCallback.js:31 loggingCallbackWrapper 
    [github-repos]/[angular-cli]/[webpack]/[enhanced-resolve]/lib/createInnerCallback.js:31:19 

    - Resolver.js:138 afterInnerCallback 
    [github-repos]/[angular-cli]/[webpack]/[enhanced-resolve]/lib/Resolver.js:138:10 

    - createInnerCallback.js:31 loggingCallbackWrapper 
    [github-repos]/[angular-cli]/[webpack]/[enhanced-resolve]/lib/createInnerCallback.js:31:19 


webpack: bundle is now VALID.

사람은 이런 일이 어떻게이 문제를 해결하는 이유를 알고 있나요? 서비스 버전은 다음과 같습니다.

Node: v4.6.0 
Angular: angular-cli: 1.0.0-beta.24 
Ionic: 2.1.17 
Cordova: 6.4.0

모든 도움을 주실 수 있으며, 진심으로 감사드립니다.

If you upgraded, be sure to "ng init" your app again and "d" for diff all files it asks you to overwrite before blindly OKing changes to your components and package.json.

이 나를 위해 같은 문제를 해결하지만이었다 다른 오류, 왼쪽되었다 : gelliott181으로

출처

2016-12-21 Brian Moreno

최근에 CLI 버전을 업그레이드 했습니까? 아니면 베타 버전을 새로 설치 했습니까? 업그레이드했다면, 당신의 어플리케이션을 다시 초기화하고,'d'는 ** diff ** 컴포넌트와 package.json을 맹목적으로 변경하기 전에 덮어 쓸 것을 요구합니다. – gelliott181

새로 설치 한 것입니다. 저는 어제 시작했습니다. –

init 명령이 설치를 마쳤습니까? 이는 일반적으로 CLI의 일부가 제대로 설치되지 않을 때 발생합니다. 'node_modules'를 삭제하고 수동으로'npm install'을 실행하는 것이 이것을 해결하는 첫 걸음입니다. – gelliott181

는 의견 제안

ERROR in default is not an NgModule

HERE를 추적하고, 나를 위해 문제를 해결 한 beta21로 다운 그레이드하는 방법을 제공합니다.

$ npm install --save-dev [email protected]

나를 위해 2.4.1 각도로 작동합니다.

출처

2016-12-29 16:07:11

여전히 나를 위해 작동하지 않았습니다. 'beta.21'을 설치할 수 없었습니다. 설치하는 동안 오류가있었습니다. –

무엇이 오류입니까? –

'모듈 'autoprefixer'를 찾을 수 없습니다. –

시간이 오래 걸렸습니다. 내가 앵글 -CRI의 잘못된 버전을 설치했다는 것을 알게되었습니다. 새로운 기능은 빌드되지 않는 앱을 만들어 냈습니다.

npm uninstall -g angular-cli 
npm cache clean 
npm install -g [email protected]

나에게 무슨 일이 일어 났는가? @ yoongkang-lim의 답변 덕분에 ng serve does not work

출처

2016-12-31 22:18:45

그래, 고마워. 조금만 해보고 효과가 있는지 알려 줄께. –

'모듈을 찾을 수 없음'autoprefixer '오류가 발생했습니다. –

앱 시작시 각도 오류

답변

관련 문제