Question

尝试运行html-grunt-build时收到错误Warning: undefined is not a function Use --force to continue.。以下是一些更多信息，非常感谢任何帮助：

$ grunt htmlbuild  --verbose
Initializing
Command-line options: --verbose

Reading "Gruntfile.js" Gruntfile...OK

Registering Gruntfile tasks.
Initializing config...OK
Loading "Gruntfile.js" tasks...OK
+ build, default

Running tasks: htmlbuild

Loading "grunt-html-build" plugin

Registering "/home/path/node_modules/grunt-html-build/tasks" tasks.
Loading "build-html.js" tasks...OK
+ htmlbuild

Running "htmlbuild" task

Running "htmlbuild:dist" (htmlbuild) task
Verifying property htmlbuild.dist exists in config...OK
Files: path/to/css/css.html -> path/to/css/css.html
Options: beautify=false, logOptionals=false, relative, scripts={}, styles={"critical":"path/to/css/critical.css"}, sections={}, data={}, parseTag="build"
Reading path/to/css/css.html...OK
Reading path/to/css/critical.css...OK
Warning: undefined is not a function Use --force to continue.

Aborted due to warnings.

我的Grunt配置（我使用的是load-grunt-config，因此存储在一个单独的文件中）：

module.exports = function(grunt, options) {
    return {
        dist: {
            src: 'path/to/css/css.html',
            dest: 'path/to/css/css.html',
            options: {
                styles: {
                    critical: 'path/to/css/critical.css'
                }
            }
        }
    };
};

更详细的错误：

TypeError: undefined is not a function
    at Object.validators.validate (/home/node_modules/grunt-html-build/tasks/build-html.js:196:44)
    at /home/node_modules/grunt-html-build/tasks/build-html.js:245:39
    at Array.forEach (native)
    at transformContent (/home/node_modules/grunt-html-build/tasks/build-html.js:242:14)
    at /home/node_modules/grunt-html-build/tasks/build-html.js:306:27
    at Array.forEach (native)
    at /home/node_modules/grunt-html-build/tasks/build-html.js:295:22
    at Array.forEach (native)
    at Object.<anonymous> (/home/node_modules/grunt-html-build/tasks/build-html.js:291:20)
    at Object.<anonymous> (/home/node_modules/grunt/lib/grunt/task.js:264:15)

Answer 1

所以问题是我在同一个HTML文件中使用了grunt-usemin 和 grunt-html-build。

grunt-html-build正在查看我的构建标记：

<!-- build:css path/to/css/ie8.min.css -->
    <link rel="stylesheet" href="path/to/css/ie8.css"> 
    <link rel="stylesheet" href="path/to/css/print-new.css" media="print">
<!-- endbuild -->

它不知道如何处理build:css

要解决此问题，我已将两个文件分离为不同的HTML包含，以便任务可以单独运行。

Answer 2

将lodash从3.x升级到4.x后，我开始遇到同样的问题

将lodash降级为3.x会为我修复它，因此它似乎与grunt-usemin和lodash 4.x的兼容性问题

使用grunt-html-build

2 个答案: