Invalid type "LocationQueryValue | LocationQueryValue[]" of template literal expression.eslint@typescript-eslint/restrict-template-expressions

这个错误是由于在使用模板字符串时，使用了类型为 `LocationQueryValue` 或 `LocationQueryValue[]` 的变量或表达式，但是 TypeScript 规则要求模板字符串中只能使用 string 类型的变量或表达式。

解决这个问题的方法有两种：

1. 强制类型转换

可以使用强制类型转换将 `LocationQueryValue` 或 `LocationQueryValue[]` 类型转换为 string 类型，例如：

let query: LocationQueryValue = 'example';
let message = `The query is ${query.toString()}`;

2. 改变变量类型

如果可以的话，可以将 `LocationQueryValue` 或 `LocationQueryValue[]` 类型的变量转换为 string 类型，例如：

let query: LocationQueryValue = 'example';
let queryStr: string = Array.isArray(query) ? query[0].toString() : query.toString();
let message = `The query is ${queryStr}`;

这里使用了一个三元表达式来判断 `query` 的类型，如果是数组类型，则取第一个元素并转换为字符串，否则直接转换为字符串。

无论使用哪种方式，都需要保证模板字符串中只使用 string 类型的变量或表达式，避免出现上述错误。