Vue开发:报错相关

本篇主要列举了学习Vue时遇到的一些报错内容

不能将类型”{}”分配给类型”xxx”

报错信息:不能将类型"{}"分配给类型"IntrinsicAttributes......"

报错原因:此报错大概率出现在使用代码片段生成一个Vue模板时,且使用了 new Vue({}) 方法来创建Vue实例

解决方法:检查子组件Vue实例的配置项中是否有空的 props 属性,删掉该无用配置项即可(如果你不需要父子组件之前传值)

Extraneous non-emits event listeners…

报错信息Extraneous non-emits event listeners (viewModeChange, modelConfigChange) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.

报错原因:子组件中的结构没有放在一个根容器中

解决办法:将子组件的结构放在一个div中即可

1
2
3
4
5
<template>
<div>
...子组件内容
</div>
</template>

Property “options” was accessed…

报错信息Property "options" was accessed during render but is not defined on instance

报错原因:该组件上使用 v-model 绑定的属性没有定义初始值

解决办法:找到该属性值,根据其类型定义一个初始值

1
2
// 这里是使用了 vue-class-component 插件写的语法
public showSelectValues: Array<string> = [];