私のスマートフォンで私のイメージを見ることができませんAndroid

Question

私のスマートフォンのAndroidに私のアプリをインストールした後、私はイメージを見ることができないので、私は問題があります。私はすべての画像を「www/img」に入れています。 Google Chromeで実行中自分の画像をすべて見ることができます。 私のアイコンのアプリが表示されます。解像度のために "ionic resources --icon"を実行しました。他の画像と同じようにする必要があると思います。誰かが私はそれをどうやってできるのか知っていますか ありがとうございます。

よろしくお願いいたします。

Answer 1

画像とその他のアセットは、appフォルダの中から選択する必要があります。 一方、それらを表示するには、www/buildフォルダーにも存在する必要があります。 デバイスにionic buildまたはionic runを使用するたびにbuildフォルダが再作成されます。

何が起こるかは、gulpfile.jsで指定されたイオン性胃腸炎の仕事が実行されることです。 デフォルトのgulpfileには、sassファイル、js、およびhtmlをコンパイルするタスクが付属しています。 あなたがあなたのイメージのためのタスクを追加したい場合は、に似た何かを追加することができます：上記のコードはapp/assets/images内のすべての画像を撮影し、プロジェクトをビルドするたびbuild/assets/imagesディレクトリにコピーします

gulp.task('images', function() { 
    return gulp.src(['app/assets/images/**/*']) 
     .pipe(gulp.dest('www/build/assets/images')); 
}); 

。あなたは一口here

についての詳細を読むことができます

gulp.task('watch', ['clean'], function(done){ 
    runSequence(
    ['sass', 'html', 'fonts', 'scripts'], 
    function(){ 
     gulpWatch('app/**/*.scss', function(){ gulp.start('sass'); }); 
     gulpWatch('app/**/*.html', function(){ gulp.start('html'); }); 
     gulpWatch('app/**/*.json', function(){ gulp.start('data'); }); 
     buildBrowserify({ watch: true }).on('end', done); 
    } 
); 
}); 

gulp.task('build', ['clean'], function(done){ 
    runSequence(
    ['sass', 'html', 'fonts', 'scripts','images'], 
    function(){ 
     buildBrowserify({ 
     minify: isRelease, 
     browserifyOptions: { 
      debug: !isRelease 
     }, 
     uglifyOptions: { 
      mangle: false 
     } 
     }).on('end', done); 
    } 
); 
}); 

：何runSequenceにimagesタスクを追加することですが、今やって残っている