在使用 Gulp 在 javascript 中声明对象时,在 Git bash 中出现以下错误“语法错误:意外标识符”

Getting the following error in Git bash "Syntax error: Unexpected identifier" when declaring an object in javascript using Gulp

本文关键字:错误 语法 语法错误 标识符 意外 bash javascript Gulp 声明 对象 Git      更新时间:2023-09-26

在使用 Gulp 在 javascript 中声明对象时,在 Git bash 中出现以下错误"语法错误:意外标识符"。它显示了代码行中的错误:mainJS: './src/main.js' SyntaxError: 意外的标识符。我无法理解此错误的原因。

"use strict";
var gulp = require('gulp');
var connect = require('gulp-connect');  // Runs a local dev server
var open = require('gulp-open');    // Open a URL in a web browser
var browserify = require('browserify'); // Bundles JS
var reactify = require('reactify'); // Transforms React JSX to JS
var source = require('vinyl-source-stream'); //Use conventional text streams     with Gulp

var config = {
port: 9005,
devBaseUrl: 'http://localhost',
paths: {
    html:  './src/*.html',
    js: './src/**/*.js',
    dist: './dist'
    mainJs: './src/main.js'
}
}
gulp.task('connect', function(){    
connect.server({
    root: '[dist]',
    port: config.port,
    base: config.devBaseUrl,
    livereload: true
});
});
gulp.task('open',['connect'], function(){   
gulp.src('dist/index.html')
    .pipe(open({ url:config.devBaseUrl + ':' + config.port + '/'}));
});
gulp.task('html',function(){        
gulp.src(config.paths.html)
    .pipe(gulp.src(config.paths.dist))  
    .pipe(connect.reload());
});
gulp.task('js', function(){
browserify(config.paths.mainJs)
    .transform(reactify)
    .bundle()
    .on('error', console.error.bind(console))
    .pipe(source('bundle.js'))
    .pipe(gulp.dest(config.paths.dist + '/scripts'))
    .pipe(connect.reload());
});

gulp.task('watch', function(){
gulp.watch(config.paths.html, ['html']);
gulp.watch(config.paths.js, ['js']);
});
gulp.task('default', ['html','js','open', 'watch']);    

您缺少一个逗号来分隔paths属性:

paths: {
  html:  './src/*.html',
  js: './src/**/*.js',
  dist: './dist'//Add a comma here
  mainJs: './src/main.js'
}
相关文章: