2017-09-08 4 views
0

を使用してアプリケーションを提供しています。私はng serveを実行すると壊れスタイル角度-CLIは、私は、角CLIと私の角度のアプリケーションにサービスを提供しようとすると、私は奇妙な問題を抱えているWebPACKの

、私は、コンパイル後、次のメッセージが表示されます:

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 

をその後、私はブラウザで自分のアプリケーションを開いた場合、それは動作しますが、ほぼすべてのスタイルが壊れている(主にブートストラップスタイル) 。

私はここで同様の問題が見つかりました:Build angular2 app with webpack - can't find ./compiler.es5.ts

しかし、私は私のプロジェクト内の任意のwebpack.config.jsを持っていません。

また、私たちはこの角度のプロジェクトに取り組んでいますが、私はこのエラーが発生した唯一の人です。

誰もが、私はこの問題を解決することができる方法のアイデアを持っていますか?

+0

エラーの1つに 'swiper.js'がありません。プロジェクトに5人いると言います。パッケージが見つからない場合やおそらく@ angular/compiler – 12seconds

+0

にアップデートする必要があります。 @ 12seconds:私は糸を使いましたが、 'npm install'を試します – Dartz

答えて

0

Angular-CLIはwebpackを組み込みます。ほとんどの場合、あなたのwebpack設定は.angular-cli.jsonファイルにありますが、問題なく動作して何も変更していない場合は、node_modules@angular/cliをグローバルにアンインストール/再インストールして(https://github.com/angular/angular-cli#updating-angular-cli)、アプリケーションの再配信を試みます。

+1

@ angular/cliのアンインストール/再インストールをしてから、あるレパートリーから別のレパートリーにプロジェクトを移動した後、それが動作します。私は2つの原因が考えられます:1)私のコンピュータでは、古い名前 "angular-cli"のいくつかの痕跡がありました2)Windowsの "Documents"レパートリーがスペースを持つ "My Documents"になることがあります。問題を引き起こす。 – Dartz

+0

これは、特定のファイル(例えば、読み取り専用の 'node_modules')の管理者権限が原因である可能性もありますが、それは起こらないはずですが、フォルダには、 –

関連する問題