我正在构建一个 SVG 组件，它采用不带扩展名的文件名。如果使用扩展，我想强制执行此操作并引发错误。
因为我有一个 ES6 编译器，所以我只是使用这个：
if (this.name.includes('.svg')) {
throw 'Do not use the svg extension';
}
这是在 Vue.js 中引发错误的正确方法还是有更好的方法？目前，当我实施并测试它时，我收到了 2 个警告。
我收到一个带有堆栈跟踪的 [Vue 警告] 和我自己的错误。最好我只想在控制台中抛出一个简单的错误消息来表示用户做错了什么。
对这种方法有什么想法或提示可以在 Vue.js 或一般的 javscript 中更好地处理这个问题？
【问题讨论】：
标签： javascript vue.js vuejs2 vue-component
你应该使用标准的 TypeError：
创建一个实例，表示当变量或参数不是有效类型时发生的错误。
throw new TypeError("Do not use the svg extension", filename)
【讨论】：
as is。
当 Error 像函数一样使用时——没有 new，它将返回一个 Error 对象。因此，仅调用 Error 将产生与通过 new 关键字构造 Error 对象相同的输出。
throw new Error('Error text.');
除了通用的 Error 构造函数之外，JavaScript 中还有其他七个核心错误构造函数。对于客户端异常，请参阅异常处理语句。
评估错误 创建一个实例，表示与全局函数 eval() 相关的错误。
内部错误 创建一个实例，该实例表示在引发 JavaScript 引擎中的内部错误时发生的错误。例如。 “递归过多”。
范围错误 创建一个实例，该实例表示当数值变量或参数超出其有效范围时发生的错误。 参考错误 创建一个实例，表示取消引用无效引用时发生的错误。
语法错误 创建一个实例，表示在 eval() 中解析代码时发生的语法错误。
类型错误 创建一个实例，表示当变量或参数不是有效类型时发生的错误。
URIError 创建一个实例，表示在 encodeURI() 或 decodeURI() 传递无效参数时发生的错误。
【讨论】：