Gulp 意外令牌

当使用 Gulp 进行构建时，你可能会遇到 "意外令牌" 或 "Unexpected token" 的错误。这是因为 JavaScript 在解析代码时发现了意外的符号或缺少了必要的符号，导致程序无法正常运行。

以下是可能导致这些错误的常见原因和解决方法：

1. 缺少分号

在 JavaScript 中，大多数语句都应该以分号结尾。如果一段代码没有分号，那么 JavaScript 解析器可能会在后面的代码中找到一些意外的字符，从而导致 "意外令牌" 错误。

// 缺少分号
var name = "Alice"
var age = 25

// 正确写法
var name = "Alice";
var age = 25;

2. 圆括号不匹配

JavaScript 中的圆括号应该成对出现。如果你缺少了一个右括号，那么 JavaScript 解析器将无法正确解析代码，从而导致 "意外令牌" 错误。

// 圆括号不匹配
function add(num1, num2 {
    return num1 + num2;
}

// 正确写法
function add(num1, num2) {
    return num1 + num2;
}

3. 对象或数组的花括号不匹配

同样的，JavaScript 中的对象或数组应该成对出现。缺少或多余的花括号都可能导致 "意外令牌" 错误。

// 对象花括号不匹配
var person = {
    name: "Bob",
    age: 30
    country: "USA"
}

// 正确写法
var person = {
    name: "Bob",
    age: 30,
    country: "USA"
}

// 数组花括号不匹配
var myArray = [1, 2, 3, 4,

// 正确写法
var myArray = [1, 2, 3, 4];

4. 关键字或标识符的拼写错误

如果你使用了 JavaScript 中不存在的关键字或标识符，那么 JavaScript 解析器将无法正确解析代码，从而导致 "意外令牌" 错误。

// 拼写错误的关键字
forr (var i = 0; i < 5; i++) {
    console.log(i);
}

// 正确写法
for (var i = 0; i < 5; i++) {
    console.log(i);
}

5. 引号不匹配

如果你使用字符串时，引号不成对出现，那么 JavaScript 解析器将无法正确解析代码，从而导致 "意外令牌" 错误。

// 引号不匹配
var message = 'Hello, world!";

// 正确写法
var message = 'Hello, world!';

这些都是常见错误的例子。当你遇到 "意外令牌" 或 "Unexpected token" 的错误时，请检查你的代码是否存在这些问题。另外，你还可以使用 ESLint 等工具来帮助你发现这些错误。

参考资料

• Understanding "Unexpected token" errors in JavaScript