꿀꺽 거리기 연결 후 스크립트가 작동하지 않습니다.

웹 사이트를 만들 때 모든 스크립트를 개별적으로 연결했는데 모든 것이 잘 동작했습니다. 이제 gulp를 사용하는 방법을 배우고 JS 파일을 연결 한 후 일부 스크립트가 작동을 멈춘다는 사실을 알았습니다 (다시 말하면, 개별적으로로드 될 때 모두 작동합니다).꿀꺽 거리기 연결 후 스크립트가 작동하지 않습니다.

내가 인터넷에서 찾은 유일한 것은 파일을 특정 순서로 연결해야한다는 것입니다. gulpfile.js 작업의 순서를 변경하지 않으려 고 시도했습니다. gulpfile.js 작업에서 하나씩 파일을 제거해 보았습니다.

또한 Modernizr과 JQuery를 머리글에 항상 유지하고 개별적으로로드합니다 (연결되지 않은 다른 파일과 연결됨). 연결된 JS 파일은 바닥 글에 있으므로로드 된 후에로드됩니다. (나는 너희들이 파일을 볼 수 있도록 배열에 연결할 수있는 스크립트를 분리 한) 다음과 같습니다

<!DOCTYPE html> 
    <html> 
    <head> 

     <meta ...> 
     <link...> 

     <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script> 
     <script src="https://code.jquery.com/jquery-migrate-3.0.0.min.js"></script> 
     <script src="assets/scripts/modernizr.js"></script> 

     <title>Some Title</title> 

    </head> 

    <body> 

    WEBSITE CONTENT 

     <script src="assets/scripts/scripts.min.js"></script> /*Concatenated file*/ 

    </body> 
</html>

내 꿀꺽 작업 (gulpfile.js) :

HTML 파일은 다음과 같은 : 지금은

gulp.task('js', function(){ 
    return gulp.src([ 
     'assets/scripts/base/bootstrap.js', 
     'assets/scripts/base/retina.js', 
     'assets/scripts/base/smoothscroll.js', 
     'assets/scripts/base/waypoints.js', 
     'assets/scripts/base/wow.js', 
     'assets/scripts/plugins/bootstrap.filestyle.js', 
     'assets/scripts/plugins/jquery.counterup.js', 
     'assets/scripts/plugins/jquery.matchHeight.js', 
     'assets/scripts/plugins/lightcase.js', 
     'assets/scripts/plugins/slick.js', 
     'assets/scripts/plugins/global.js' 
    ]) 
    .pipe(plumber({ 
     errorHandler: function (error) { 
     console.log(error.message); 
     this.emit('end'); 
    }})) 
    .pipe(concat('scripts.js')) 
    .pipe(babel()) 
    .pipe(gulp.dest('assets/scripts/')) 
    .pipe(rename({suffix: '.min'})) 
    .pipe(uglify()) 
    .pipe(gulp.dest('assets/scripts/')) 
    .pipe(browserSync.reload({stream:true})) 
});

는 I 기록한 스크립트는 lighcase.js (라이트) jquery.matchHeight.js (칼럼 높이와 일치)과 slick.js (슬라이더)의 작동이 중지되었다.

편집 : 내 콘솔에 오류가 없습니다. "JQMIGRATE : Migrate가 설치됨, 버전 3.0.0"메시지 만.

도움을 주시면 감사하겠습니다. 이 문제의 논리를 찾기 위해 일주일 후, 나는 권자를 포기한다. 멍청한 놈 도와주세요!

출처

2016-09-02 user3163410

그래서, 그들은 "일하는 것을 멈춥니까?" 또는 콘솔에 몇 가지 오류가 표시 될 수 있습니까? – zerkms

내 콘솔에있는 유일한 메시지는 다음과 같습니다. JQMIGRATE : Migrate가 설치되어 있습니다 (버전 3.0.0). 그러나 빨간색 오류 경고는 표시되지 않습니다. – user3163410

글쎄, 스크립트가로드되고 있는지 확인하십시오. 그런 다음 진입 점 등에 중단 점을 설정하십시오. – matmo

OMG 너무 많은 디버깅 작업과는 마침내 내 gulpfile 작업의 잘못 단지 내 global.js 경로는 ...이었다했는데

'assets/scripts/plugins/global.js'

가되게합니다 :

'assets/scripts/base/global.js'

남자 나는 지루함을 느낀다. 어쨌든 당신을 도와 주셔서 감사합니다 ... : S

출처

2016-09-02 03:26:41 user3163410

꿀꺽 거리기 연결 후 스크립트가 작동하지 않습니다.

답변

관련 문제