내 스마트 폰에서 내 이미지를 볼 수 없습니다. Android

Question

내 스마트 폰 Android에 내 앱을 설치 한 후에 이미지가 보이지 않아서 문제가 있습니다. 나는 모든 이미지를 "www/img"에 가지고 있습니다. Google 크롬에서 실행 내 모든 이미지를 볼 수 있습니다. 내 아이콘 앱을 볼 수 있습니다. 해상도를 위해 "ionic resources --icon"을 실행 했으므로 다른 이미지와 똑같이해야 할 것입니다. 누군가 내가 어떻게 할 수 있는지 알아? 미리 감사드립니다.

감사합니다.

Answer 1

이미지 및 기타 자산은 app 폴더에서 선택해야하는 위치에 있어야합니다. 한편, 표시하려면 www/build 폴더에 있어야합니다. ionic build 또는 ionic run을 장치에 사용할 때마다 build 폴더가 다시 생성됩니다.

무슨 일이 일어나는가는 gulpfile.js에 지정된 이온 작용을하는 꿀꺽 거리는 작업입니다. 기본값 인 gulpfile에는 sass 파일, js 및 html을 컴파일하는 작업이 함께 제공됩니다. app/assets/images의 모든 이미지를 취할 것

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

위의 코드와 프로젝트를 빌드 할 때마다 build/assets/images 디렉토리에 복사합니다 : 당신이 당신의 이미지에 대한 작업을 추가하려면 , 당신은 비슷한을 추가 할 수 있습니다. 지금 생각해야 할 왼쪽 무엇 은 runSequence에 images 작업을 추가하는 것입니다 : 당신은 꿀꺽에 대한 자세한 내용을보실 수 있습니다

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); 
    } 
); 
}); 

을 here