使用grunt contrib htmlmin时分析错误

Question

我正在尝试使用grunt-contrib-htmlmin缩小HTML文件。但是我一直得到Parse Error。下面是command line的响应。

Running "htmlmin:dist" (htmlmin) task
Warning: template/applications/applications.html
Parse Error: <a class="btn btn-default" href="#" role="button" data-i18n="[title
]Reset_filter" , data-bind="click:function(){clearfilter('jqxgridApplications')}
"><i class="icon-reset-filter"></i></a>
                        <a class="btn btn-default" href="#" role="button" da
 ta-toggle="modal" data-target="#hideShowColumns" ,data-i18n="[title]show_hide" d
ata-bind="click: function () {openPopup('modelShowHideCol','jqxgridApplications'
)}"><i class="icon-hide-column"></i></a>
                        <a class="btn btn-default" href="#" role="button" da
ta-i18n="[title]exportToXls" data-bind="click:function(){exportToExcel(true,'jqx
gridApplications')}"><i class="icon-export-excel"></i></a>
                        <a class="btn btn-default" href="#" role="button" da
ta-i18n="[title]refresh_data" data-bind="click:function(){refreshGrid('jqxgridAp
plications')}"><i class="icon-spinner9"></i></a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="grid-area">
                        <div id="jqxgridApplications" style="width:100%">
                        </div>
                        <div id="pagerDivApplication"></div>
                    </div>
                </div>
            </div>
            <div class="modal fade bs-example-modal-lg" id="applicationModel
" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="myModalLab
el" aria-hidden="true">
                <div data-bind="if: templateFlag">
                    <div data-bind='component:observableModelPopup'>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div> Use --force to continue.
Aborted due to warnings.

即使我使用--force，错误也是一样的吗非常感谢您的帮助

下面是我如何定义htmlmin任务的。

htmlmin: {
dist: {
  files: [{
     expand: true,
     cwd: 'template',
     src: '**/*.html',
     dest: 'template_dist/'
   }]
 }
}

Answer 1

前两个锚点元素在数据属性之间有一个额外的逗号。第一个在data-i18n属性后有一个逗号，第二个在data-target属性后有个逗号。尝试删除逗号，看看解析错误是否消失。