ts项目报错 RouterView If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
时间: 2024-07-05 08:00:50 浏览: 197
VSCode中如何利用d.ts文件进行js智能提示
当在TypeScript (TS) 项目中使用Vue.js的RouterView组件时,遇到这个错误通常是由于 Vue CLI 配置中未正确处理自定义元素(native custom elements)导致的。Vue默认会尝试将所有组件作为自定义元素解析,但如果你有一个是基于HTML原生元素的组件,需要明确告诉编译器不将其当作组件来处理。
错误提示告诉你应该怎么做:
1. 打开`vue.config.js`文件(如果使用的是Vue CLI 3或更高版本),找到`configureWebpack`部分,然后找到`compilerOptions`对象。
2. 在`compilerOptions`里添加一个`isCustomElement`选项,设置为一个数组,排除你的native custom element的标签名。例如:
```javascript
module.exports = {
configureWebpack: {
compilerOptions: {
isCustomElement: ['my-native-component']
}
}
};
```
将`my-native-component`替换为你实际的自定义元素标签名。
3. 保存配置文件后,重启你的开发服务器,看看错误是否消失。
阅读全文