Angular CLI使用webpack为应用程序提供服务时样式中断

当我尝试使用angular CLI为angular应用程序提供服务时，我遇到了一个奇怪的问题

当我运行

ng serve

时，编译后会收到以下消息：

WARNING in C:/Users/tsnr1214/Documents/workspace3/my-project/node_modules/@angular/compiler/@angular/compiler.es5.js
(Emitted value instead of an instance of Error) Cannot find source file 'compiler.es5.ts': Error: Can't resolve './compiler.es5.ts' in 'C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\@angular\compiler\@angular'
NonErrorEmittedError: (Emitted value instead of an instance of Error) Cannot find source file 'compiler.es5.ts': Error: Can't resolve './compiler.es5.ts' in 'C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\@angular\compiler\@angular'
    at emitWarning (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\webpack\lib\NormalModule.js:116:16)
    at C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\source-map-loader\index.js:65:7
    at onError (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\Resolver.js:65:10)
    at loggingCallbackWrapper (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
    at runAfter (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\Resolver.js:158:4)

    at innerCallback (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
    at loggingCallbackWrapper (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
    at next (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\tapable\lib\Tapable.js:252:11)
    at C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4
    at loggingCallbackWrapper (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
    at runAfter (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\Resolver.js:158:4)

    at innerCallback (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
    at loggingCallbackWrapper (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
    at next (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\tapable\lib\Tapable.js:252:11)
    at innerCallback (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\Resolver.js:144:11)
    at loggingCallbackWrapper (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
@ C:/Users/tsnr1214/Documents/workspace3/my-project/node_modules/@angular/platform-browser-dynamic/@angular/platform-browser-dynamic.es5.js 7:0-72
@ C:/Users/tsnr1214/Documents/workspace3/my-project/src/main.ts
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

WARNING in C:/Users/tsnr1214/Documents/workspace3/my-project/node_modules/swiper/dist/js/swiper.js
(Emitted value instead of an instance of Error) Cannot find SourceMap 'maps/swiper.js.map': Error: Can't resolve './maps/swiper.js.map' in 'C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\swiper\dist\js'
NonErrorEmittedError: (Emitted value instead of an instance of Error) Cannot find SourceMap 'maps/swiper.js.map': Error: Can't resolve './maps/swiper.js.map' in 'C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\swiper\dist\js'
    at emitWarning (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\webpack\lib\NormalModule.js:116:16)
    at Object.<anonymous> (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\source-map-loader\index.js:35:6)
    at onError (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\Resolver.js:65:10)
    at loggingCallbackWrapper (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
    at runAfter (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\Resolver.js:158:4)

    at innerCallback (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
    at loggingCallbackWrapper (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
    at next (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\tapable\lib\Tapable.js:252:11)
    at C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4
    at loggingCallbackWrapper (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
    at runAfter (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\Resolver.js:158:4)

    at innerCallback (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
    at loggingCallbackWrapper (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
    at next (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\tapable\lib\Tapable.js:252:11)
    at innerCallback (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\Resolver.js:144:11)
    at loggingCallbackWrapper (C:\Users\tsnr1214\Documents\workspace3\my-project\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
@ C:/Users/tsnr1214/Documents/workspace3/my-project/node_modules/ng-boosted/o-carousel/o-carousel-container.component.js 10:13-30
@ C:/Users/tsnr1214/Documents/workspace3/my-project/node_modules/ng-boosted/index.js
@ C:/Users/tsnr1214/Documents/workspace3/my-project/src/app/app.module.ts
@ C:/Users/tsnr1214/Documents/workspace3/my-project/src/main.ts
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

C中的警告：/Users/tsnr1214/Documents/workspace3/my project/node_modules/@angular/compiler/@angular/compiler.es5.js （发出的值而不是错误实例）找不到源文件“compiler.es5.ts”：错误：无法在“C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\@angular\compiler\@angular”中解析“/compiler.es5.ts” NonerrorRecommittedError:（发出的值而不是错误实例）找不到源文件“compiler.es5.ts”：错误：无法在“C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\@angular\compiler\@angular”中解析“/compiler.es5.ts” 在发出警告时（C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\webpack\lib\NormalModule.js:116:16） 在C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\source map loader\index.js:65:7 在OneError（C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\enhanced resolve\lib\Resolver.js:65:10） 在loggingCallbackWrapper（C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\enhanced resolve\lib\createInnerCallback.js:31:19） 在runAfter上（C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\enhanced resolve\lib\Resolver.js:158:4） 在innerCallback（C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\enhanced resolve\lib\Resolver.js:146:3） 在loggingCallbackWrapper（C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\enhanced resolve\lib\createInnerCallback.js:31:19） 下一步（C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\tapable\lib\tapable.js:252:11） 在C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\enhanced resolve\lib\unsafeccheplugin.js:40:4 在loggingCallbackWrapper（C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\enhanced resolve\lib\createInnerCallback.js:31:19） 在runAfter上（C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\enhanced resolve\lib\Resolver.js:158:4） 在innerCallback（C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\enhanced resolve\lib\Resolver.js:146:3） 在loggingCallbackWrapper（C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\enhanced resolve\lib\createInnerCallback.js:31:19） 下一步（C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\tapable\lib\tapable.js:252:11） 在innerCallback（C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\enhanced resolve\lib\Resolver.js:144:11） 在loggingCallbackWrapper（C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\enhanced resolve\lib\createInnerCallback.js:31:19） @C:/Users/tsnr1214/Documents/workspace3/my project/node_modules/@angular/platform browser dynamic/@angular/platform-browser-dynamic.es5.js 7:0-72 @C:/Users/tsnr1214/Documents/workspace3/myproject/src/main.ts @多网页包开发服务器/客户端？http://localhost:4200 ./src/main.ts C中的警告：/Users/tsnr1214/Documents/workspace3/my project/node_modules/swiper/dist/js/swiper.js （发出的值而不是错误实例）找不到SourceMap“maps/swiper.js.map”：错误：无法解析“C:\Users\tsnr1214\Documents\workspace3\my project\node\U modules\swiper\dist\js”中的“/maps/swiper.js.map” NonerrorRecommittedError:（发出的值而不是错误实例）找不到SourceMap“maps/swiper.js.map”：错误：无法解析“/maps/swiper.js.map”在“C:\Users\tsnr1214\Documents\workspace3\my project\node\U modules\swiper\dist\js”中 在发出警告时（C:\Users\tsnr1214\Documents\workspace3\my project\node\u modules\webpack\lib\NormalModule.js:116:16） 反对

但是，我的项目中没有任何

webpack.config.js

另外，我们有5个人在这个角度项目上工作，我是唯一一个有这个错误的人

---

有人知道我该如何解决这个问题吗？

Angular CLI启动了webpack，因此您的webpack配置很可能位于

.Angular CLI.json

文件中，但如果它以前没有任何问题，并且您没有更改任何内容，我建议您尝试删除文件夹

节点模块

，卸载/重新安装

@angular/cli

全局（）并再次尝试为您的应用程序提供服务。

angular cli启动webpack，因此您的webpack配置很可能位于

.angular cli.json

文件中，但如果它以前工作正常，并且您没有更改任何内容，我建议您尝试删除文件夹

node\u modules

，卸载/重新安装

@angular/cli

全局（），然后再次尝试为您的应用程序提供服务。

其中一个错误说您缺少

swiper.js

，您说有5个人正在处理该项目，可能您需要执行

npm安装

以查找丢失的软件包，或者可能需要更新到@angular/compiler@12seconds：我使用了Thread，但我将尝试

npm安装

其中一个错误说您缺少

swiper.js

，您说您中有5人正在处理该项目，可能您需要执行

npm安装

以查找丢失的软件包，或者可能需要更新到@angular/compiler@12seconds：我使用了Thread，但在多次卸载/重新安装@angular/cli并将项目从一个曲目转移到另一个曲目后，我将尝试

npm安装

，效果良好。我认为有两个可能的原因：1）在我的计算机上，我有一些旧名称“angular cli”的痕迹2）有时，Windows的“Documents”存储库会变成带有空格的“my Documents”，空格可能会导致问题。这也可能是由于某些文件的管理员权限（例如只读

节点\u模块

），尽管这不应该发生，但我猜在多次卸载/重新安装@angular/cl之后，有时文件夹会得到一些奇怪的选项