应用程序启动时的角度错误

因此，我开始使用使用Ionic的混合移动应用程序。首先，我在Windows 10上安装了NodeJS，Angular，Ionic和Cordova。我遇到的问题是当我创建我的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

任何帮助非常感谢，先进的感谢。

来源

2016-12-21 Brian Moreno

你最近升级了你的CLI版本，还是这是Beta.24的全新安装？如果你升级了，一定要''init''你的应用程序再''d''为** diff **它要求你在覆盖之前覆盖所有文件，然后盲目地更改你的组件和package.json。 – gelliott181

这是一个全新的安装，我刚从昨天开始。 –

您是否让init命令完成安装？这通常是在CLI的一部分未正确安装时发生的。删除'node_modules'并手动运行'npm install'是解决这个问题的第一步。 – gelliott181

由于gelliott181在评论中建议：

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.

这解决了同样的问题对我来说，但我留下了另一个错误，这是：

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'' –

我有这个小时的问题。原来，我错误地安装了角度镜头。 ng新产生了一个不会构建的应用程序。

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'' –

应用程序启动时的角度错误

回答

相关问题