Ionic 2：テストと画像のエラー

Question

私はJasmineとKarmaでIonic 2アプリをテストしようとしています。私は「NPMテスト」を実行すると 私はこのエラーがあります：

C:\xampp\htdocs\MyApp>npm test 

> ionic-hello-world@ test C:\xampp\htdocs\MyApp 
> karma start ./test-config/karma.conf.js 


webpack: Compiled successfully. 
webpack: Compiling... 
ts-loader: Using typescript@2.0.9 and C:\xampp\htdocs\MyApp\tsconfig.json 
28 03 2017 14:24:17.950:WARN [karma]: No captured browser, open http://localhost:9876/ 

ERROR in ./src/pages/login/login.html 
Module not found: Error: Can't resolve './assets/images/fr.svg' in 'C:\xampp\htdocs\MyApp\src\pages\login' 
@ ./src/pages/login/login.html 1:1614-1647 
@ ./src/pages/login/login.ts 
@ ./src/app/app.component.ts 
@ ./src/app/app.component.spec.ts 
@ ./src \.spec\.ts 
@ ./test-config/karma-test-shim.js 

ERROR in ./src/pages/login/login.html 
Module not found: Error: Can't resolve './assets/images/ch.svg' in 'C:\xampp\htdocs\MyApp\src\pages\login' 
@ ./src/pages/login/login.html 1:1832-1865 
@ ./src/pages/login/login.ts 
@ ./src/app/app.component.ts 
@ ./src/app/app.component.spec.ts 
@ ./src \.spec\.ts 
@ ./test-config/karma-test-shim.js 

ERROR in ./src/pages/load-screen/load-screen.html 
Module not found: Error: Can't resolve './assets/images/logo-yellow.svg' in 'C:\xampp\htdocs\MyApp\src\pages\load-screen' 
@ ./src/pages/load-screen/load-screen.html 1:94-136 
@ ./src/pages/load-screen/load-screen.ts 
@ ./src/pages/login/login.ts 
@ ./src/app/app.component.ts 
@ ./src/app/app.component.spec.ts 
@ ./src \.spec\.ts 
@ ./test-config/karma-test-shim.js 
webpack: Failed to compile. 
28 03 2017 14:24:17.974:INFO [karma]: Karma v1.5.0 server started at http://0.0.0.0:9876/ 
28 03 2017 14:24:17.975:INFO [launcher]: Launching browser Chrome with unlimited concurrency 
28 03 2017 14:24:18.036:INFO [launcher]: Starting browser Chrome 
28 03 2017 14:24:21.892:INFO [Chrome 56.0.2924 (Windows 10 0.0.0)]: Connected on socket Z7t5AaWcca3yDbsDAAAA with id 37780347 
Chrome 56.0.2924 (Windows 10 0.0.0) ERROR 
    Uncaught Error: Cannot find module "./assets/images/logo-yellow.svg" 
    at webpack:///src/pages/load-screen/load-screen.html:1:0 <- karma-test-shim.js:150313 
Chrome 56.0.2924 (Windows 10 0.0.0) ERROR 
    Uncaught Error: Cannot find module "./assets/images/logo-yellow.svg" 
    at webpack:///src/pages/load-screen/load-screen.html:1:0 <- karma-test-shim.js:150313 
Chrome 56.0.2924 (Windows 10 0.0.0): Executed 0 of 0 ERROR (1.349 secs/0 secs) 

問題は、私の挙での私のイメージへのパスです。なぜ私は理解できませんが、それはモジュールのようなものです。

実際、プロジェクト内の画像へのパスをすべて削除すると、テストが機能します。しかし、私は

が私のHTMLで画像のパスに例があります...私のイメージを保持する必要があります。

<ion-content padding> 
    <div class="loading-screen"> 
    <img src="assets/images/logo-yellow.svg"><br><br> 
    <label>{{this.translate.get('mod-appFine-data_loading')}}</label><br> 
    <label>{{this.translate.get('mod-appFine-thanks_wait')}}</label><br> 
    <ion-spinner name="crescent" ></ion-spinner> 
    </div> 
</ion-content> 

誰かがそれを修正するためのアイデアを持っていますか？

Answer 1

私の解決策は、varの右パスで、このコードを自分のコードで呼び出すことです。それは私のために働く。