some bugs of Vue

记录学习Vue过程中出现的一系列bug和解决方案：

1、vue启动报错These dependencies were not found怎么解决：

提示说index和subpage下的main.js找不到，也就是实际入口文件的路径和配置文件中的入口文件路径不匹配！

找到vue项目的配置文件【vue.config.js】，核查并修改路径即可

果然是不匹配的、修改这两处

成功~

2、安装并使用less时报错

run `npm fund` for details....

found 12 vulnerabilities (7 moderate, 5 high) run `npm audit fix` to fix them, or `npm audit` for details

其实是安装成功的，具体修复问题暂未解决

3、

 Property or method "todos" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components,

属性或方法“todos”未在实例上定义，而是在渲染期间引用。 确保此属性是反应性的，无论是在数据选项中，还是对于基于类的组件

--->data拼写错误。。。。。

4、Root file specified for compilation

引入组件时vscode提示错误，其实是修改了文件名，重启一下vscode就可以了。

5、

 这是vetur中eslint的问题，在vscode菜单中，文件->首选项->设置

 找到 “vetur.validation.template”: true 将其改为false，就可关闭eslint的检查，错误消失

 [Vue warn]: Method "watch" has type "object" in the component definition. Did you reference the function correctly?

发生这个的原因是1、在组件中写了一个空的watch2、watch方法写在了method中，这个是我遇到的（大括号问题）

6.[Vue warn]: Error in render: "TypeError: Cannot read property 'end' of undefined"

  Cannot read property 'end' of undefined

 computed计算属性中的值要return才可以使用

有两个结果 则需要以对象结果返回

       return {start,end};

7、Uncaught (in promise) TypeError: Object(...) is not a function at eval

  1）引入时候的名称与api 不符合

  2）或者就是按需导入的时候并没有加{}
  3） export 和 export default 导致的问题

两者都能做的
导出常量、函数、文件、模块等
可在别的文件import 导入使用导出的(常量、函数、文件、模块)
两者不同的地方
export可以有多个; export default只能有一个
export default为模块指定默认输出，不用知道模块变量名
重点来了！export导出的，你若要import必须加上{}; export default不需要、不能加

8、[Vue warn]: Error in render: "TypeError: Cannot read property 'categoryView' of undefined"

     TypeError: Cannot read property 'categoryView' of undefined

 原因：state.goodInfo初始状态为空对象{}，空对象的categoryView属性为undefined ，只有服务器数据回来才能进行替换，不报错。

const state={getInfo:{}}

// getters简化数据而生

const getters ={

  categoryView(state){

    //return state.goodInfo.categoryView;若服务器数据还未返回，state.goodInfo初始状态为空对象{}，空对象的categoryView属性为undefined ，undefined.category1Name就会报错 
       
  //因此、categoryView属性值至少是一个空对象  
    return state.goodInfo.categoryView || {};

  }

}

9、Expected Boolean, got String with value "false"

属性期望得到布尔值，实际是字符串

解决方法

属性前加冒号  ：

表示这个属性的值是data里面的一个属性变量或者是true或false

10、Duplicate keys detected: '[object Object]'. This may cause an update error ....

v-for中key的问题导致

在学习vue的时候遇到这个问题

<el-carousel-item v-for="(item) in imagesList" :key="item">
改为：

<el-carousel-item v-for="(item,index) in imagesList" :key="index">
或者改为：

<el-carousel-item v-for="(item) in imagesList" :key="iitem.index">

11、[Vue warn]: Missing required prop: "value"  

https://blog.csdn.net/Yukinoshita_kino/article/details/107023315

1）el-select中没有进行双向数据绑定（v-model）

2）el-option没有进行value赋值

12、Invalid prop: type check failed for prop “value“. Expected String, Number, got Object found in 

https://blog.csdn.net/qq_37604640/article/details/116705299

报错：无效属性——value属性类型检查失败，期望是字符串或者number或者数组，却是对象。这里的value就是指v-model绑定的值。

原因：先定位，看看是哪一个页面的哪一个组件的问题，这里是select组件绑定值得问题，因为这里初始值是null，所以报错，可以把初始值改为’’，或者0