「Hands on Angularjs」というタイトルの Tutsplus のチュートリアルに従っています。このチュートリアルでは、講師は ajax リクエストを localhost:3000 で実行されている Rails サーバーにリダイレクトするために grunt-connect-proxy パッケージを使用していますが、チュートリアルは古くて、その特定のバージョンでは grunt-contrib-connect パッケージの livereload プラグインはミドルウェア機能を使用していませんでしたが、現在のバージョンでは livereload がミドルウェアを使用しているため、エラーが発生します。
>> SyntaxError: /Applications/MAMP/htdocs/savage-worlds/Gruntfile.js:113
>> middleware: function (connect) {
>> ^^^^^^^^^^
>> Duplicate data property in object literal not allowed in strict mode
これは grunt ファイル タスクです。
// The actual grunt server settings
connect: {
options: {
port: 9000,
// Change this to '0.0.0.0' to access the server from outside.
hostname: 'localhost',
livereload: 35729
},
proxies: [
{
context: '/api',
host: 'localhost',
port: 3000
}
],
livereload: {
options: {
middleware: function (connect, options) {
if (!Array.isArray(options.base)) {
options.base = [options.base];
}
// Setup the proxy
var middlewares = [require('grunt-connect-proxy/lib/utils').proxyRequest];
// Serve static files.
options.base.forEach(function(base) {
middlewares.push(connect.static(base));
});
// Make directory browse-able.
var directory = options.directory || options.base[options.base.length - 1];
middlewares.push(connect.directory(directory));
return middlewares;
},
open: true,
middleware: function (connect) {
return [
connect.static('.tmp'),
connect().use(
'/bower_components',
connect.static('./bower_components')
),
connect().use(
'/app/styles',
connect.static('./app/styles')
),
connect.static(appConfig.app)
];
}
}
},
test: {
options: {
port: 9001,
middleware: function (connect) {
return [
connect.static('.tmp'),
connect.static('test'),
connect().use(
'/bower_components',
connect.static('./bower_components')
),
connect.static(appConfig.app)
];
}
}
},
dist: {
options: {
open: true,
base: '<%= yeoman.dist %>'
}
}
},
どんな助けでも大歓迎です!