경고 : "기본"작업을 찾을 수 없습니다. 계속하려면 --force를 사용하십시오.

Question

postcss 및 autprefixer에 추가 할 때까지 내 gruntfile이 예상대로 작동하고 있습니다. 나는 https://www.npmjs.com/package/autoprefixer에 가이드를 따라 갔다. 그러나 나는 지칠대로 지친 무엇입니까 :

Loading "gruntfile.js" tasks...ERROR 
>> TypeError: undefined is not a function 
Warning: Task "default" not found. Use --force to continue. 

내 gruntfile은 다음과 같습니다

module.exports = function(grunt) { 
// Project configuration. 
grunt.initConfig({ 
pkg: grunt.file.readJSON('package.json'), 
uglify: { 
    dist: { 
    files: { 
     "js/wd.min.js" : [ 
      "node_modules/foundation-sites/dist/js/plugins/foundation.core.min.js", 
      "node_modules/foundation-sites/dist/js/plugins/foundation.util.mediaQuery.js", 
      "node_modules/foundation-sites/dist/js/plugins/foundation.util.timerAndImageLoader.js", 
      "node_modules/foundation-sites/dist/js/plugins/foundation.equalizer.min.js", 
      "js/wd.js" 
     ] 
    }, 
    options: { 
     beautify:true, 
     compress:false 
    } 
    } 
}, 
watch: { 
    dist: { 
     files: [ 
      /* JS locations */ 
      "js/wd.js", 

      /* SCSS locations */ 
      "style/**/*.scss", 
     ], 
     tasks: [ 
      "uglify", 
      "sass_imports", 
      "sass", 
      "postcss" 
     ] 
    } 
}, 
sass: { 
    options: { 
     loadPath: [ 
      'node_modules/foundation-sites/scss', 
      require("bourbon").includePaths 
     ], 
    }, 
    dist: { 
     files: { 
      "style/style.css" : [ 
       "style/style.scss", 
      ], 
     }, 
     options: { 
      require: "sass-css-importer" 
     } 
    } 
}, 
sass_imports: { 
    dist: { 
     src: [ 
      "style/style.scss" 
     ], 
     dest: "all.scss" 
    } 
}, 
postcss: { 
    options: { 
     map: true, 
     processors: [ 
      require('autoprefixer')({browsers: 'last 2 versions'}) 
     ] 
    }, 
    dist: { 
     src: "style/style.css" 
    } 
} 
}); 

grunt.loadNpmTasks('grunt-contrib-uglify'); 
grunt.loadNpmTasks('grunt-contrib-sass'); 
grunt.loadNpmTasks('grunt-contrib-watch'); 
grunt.loadNpmTasks('grunt-scss-imports'); 
grunt.loadNpmTasks('grunt-postcss'); 

//load watch plugin 

// Default task(s). 
grunt.registerTask('default', ['watch']); 
}; 

모든 솔루션을 내가 가로 질러 온 한 somwhere 오타를 참조했지만 나는 그것을 볼 수 없습니다. 어떤 도움을 주셔서 감사합니다! 정의되지 않은

Answer 1

이없는 기능 중 하나

require('autoprefixer')

함수를 반환하지 않는 것을 제안 -

또는

grunt.initConfig

는 함수가 아닙니다 제대로 설치되어 있는지 확인합니다. 이 코드를 실행하면 꿀꺽 꿀꺽 거리는 소리가 전달됩니까? 예 : require('gruntfile.js')(grunt)

은 당신이 함수에 gruntfile 코드를 포장하지 않습니다 일반적으로 생각 - getting started example 방금 ​​명령 줄에서 grunt를 실행하는 대신이 설정 및 통과에로드하는 경우, 아마도 랩을 해제하지 않는 것 고약하다.