我有这个错误,但this question和我的问题之间的不同之处在于我使用gulp而不是grunt。
首先,我的车把运行时是把手v4.0.5 (js文件)。
handlebar -v 的输出为4.0.5
这是我的 gulpfile.js :
var gulp = require('gulp');
var uglify = require('gulp-uglify');
var handlebars = require('gulp-handlebars');
var wrap = require('gulp-wrap');
var declare = require('gulp-declare');
var concat = require('gulp-concat');
gulp.task('default', ['templates','scripts'], function () {
});
gulp.task('templates', function () {
gulp.src('templates/*.hbs')
.pipe(handlebars())
.pipe(wrap('Handlebars.template(<%= contents %>)'))
.pipe(declare({
namespace: 'MyApp.templates',
noRedeclare: true, // Avoid duplicate declarations
}))
.pipe(concat('templates.js'))
.pipe(gulp.dest('js/dist'));
});
gulp.task('scripts', function () {
return gulp.src([
'bower_components/handlebars/handlebars.runtime.js',
'bower_components/jquery/dist/jquery.js',
'bower_components/bootstrap/dist/bootstrap.js',
'js/dist/templates.js',
'js/main.js'])
.pipe(concat('bundle.js'))
.pipe(uglify())
.pipe(gulp.dest('js/dist/'));
});
Main.js
"use strict";
var data = { title: 'This Form', name: 'Joey' };
var html = MyApp.templates.hellotemplate(data);
// console.log(html);
$(document).ready(function () {
$('#dynamic-content').html(html);
});
哪里可以成为我的问题?
错误:
未捕获错误:模板已使用旧版本预编译 把手比当前运行时。请将您的预编译器更新为 较新版本(&gt; = 4.0.0)或将运行时降级为较旧版本 版本(&gt; = 2.0.0-beta.1)。
我使用 gulp 命令预编译了模板。
非常感谢!!
答案 0 :(得分:13)
有一种更好的方法可以使用README中涵盖的特定版本的把手编译模板:https://github.com/lazd/gulp-handlebars#compiling-using-a-specific-handlebars-version
确保您已在应用的package.json
文件中指定了把手版本:
{
"devDependencies": {
"handlebars": "^4.0.5"
}
}
然后通过将其作为gulp文件中的gulp-handlebars选项传递来要求把手:
gulp.task('templates', function () {
gulp.src('templates/*.hbs')
.pipe(handlebars({
handlebars: require('handlebars')
}))
.pipe(wrap('Handlebars.template(<%= contents %>)'))
.pipe(declare({
namespace: 'MyApp.templates',
noRedeclare: true, // Avoid duplicate declarations
}))
.pipe(concat('templates.js'))
.pipe(gulp.dest('js/dist'));
});
答案 1 :(得分:0)
好的,我的问题出现在 gulp-handlebars 包中,因为在包加载程序中,它正在加载次要版本。
我手动更新它,我解决了我的问题。转到 node_modules 文件夹,找到 gulp-handlebars 文件夹,打开 package.json ,然后更新依赖项,如下所示:
"dependencies": {
"gulp-util": "^3.0.4",
"handlebars": "4.0.5",
"through2": "^0.6.3"
}