handlebars：compile - 无法读取未定义使用的属性“过滤器”

Question

I've been searching around but there seemed to be no situation similar to mine so thought I'd post to ask. I want to run the handlebars task in Gruntfile.js with grunt handlebars to compile a templates.js in my source folder (www) but it doesn't fire up with this error shown:

Warning: Cannot read property ' filter ' of undefined Use

Here's my script for the handlebars task in grunt file:

// Create the tasks
grunt.initConfig({

  config: config,

  handlebars: {
    // Compiles the handlebar templates into templates.js
    compile: {
      options: {
        amd: true,
        processName: function (filepath) {
          var pieces = filepath.split('/');
          return pieces[pieces.length - 1].split('.')[0];
        }
      },
      // Specify location of handlebar templates
      www: ['<%= config.www %>/html/{,*/}*.handlebars'],
      dest: '<%= config.www %>/js/templates.js'
    }
  }
});

Here's opening script of grunt file and the config object, before grunt.initConfig :

module.exports = (function () {

    'use strict';

    return function (grunt) {

      require('load-grunt-tasks')(grunt); // Several tasks to run using grunt-contrib-xx plugins

      // Config object
      var config = {
        www: 'www',                // all source files in one directory
      };
        ..                        // grunt.initConfig
    };
});

Couldn't figure out what goes wrong here since I don't even define a property/term filter and that's the only error received. Any thoughts would be appreciated.

Answer 1

So I will write what I did to resolve this which might be of use to you.

I simply changed the www property specifically to src , as referred to in the first code block, for the handlebars task in grunt file to fire up. Existing handlebars which are markups are sourced aka src and to compile the templates.js in your specified destination.

Note: handlebars file itself should end with unspecified file type (.handlebars). Depending on your own set up, noting this will save you lots of time afterwards.

Now run below and you shall see the templates.js found in the dest folder.

grunt handlebars