V-charts提示Method "extend" has already been defined as a prop.错误

这个问题是因为在vue-photo-preview/lib.index中使用了vue.mixin,全局混入的功能，而混入的函数中就有extend这个方法，而且不知道为什么，这个混入的方法的优先级高于vchart的extend

解决办法：

针对vue-photo-preview导致的报错的问题，我修改了一份可以用的版本https://www.npmjs.com/package/@mvpleung/vue-photo-preview

npm install @mvpleung/vue-photo-preview --save

Method "xxx" has already been defined as a data property.

方法名称使用了保留关键字，换个名称即可。

图片的src若为动态的本地图片，需要使用require指定路径

<img :src="getImgUrl(item)" v-for="(item,index) of imgList" :key="index" />

<script>
const imgList = [1,2,3,4,5,6,7,8]
data(){
  return{
    imgList,
  }
}
getImgUrl(i){
  return require("../../assets/tourpic/picture"+i+".jpg")
}
</script>

或者

<img :src="require('../../assets/tourpic/picture'+item+'.jpg')" v-for="(item,index) of imgList" :key="index" />

<script>
const imgList = [1,2,3,4,5,6,7,8]
data(){
  return{
    imgList,
  }
}
</script>

@babel/runtime/regenerator in ./node_modules/pdfjs-dist/lib/web/ui_utils.js 使用vue-pdf时报错解决方案

先上解决方案

npm install --save-dev @babel/runtime

原因

node_modules\pdfjs-dist\lib\web\ui_utils.js 文件下缺少引用插件

var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value.

原因是报错的那个vue文件里面对父组件传出来的值进行了操作，影响了单向数据流的规定。

解决方法就是删除对父组件值的重新赋值代码，或者把父组件的值指定给当前组件的另一个值，然后再赋值

did you register the component correctly? For recursive components

组件循环引用导致提示组件未注册的问题，原因未知，猜想可能是组件引用的加载顺序原因

beforeCreate() {
  this.$options.components.SearchPopover = require('@comp/table/SearchPopover').default
}

内网穿透后访问应用提示Invalid Host header

vue.config.js中，devServer下增加disableHostCheck: true参数

devServer: {
  port: 3000,
  disableHostCheck: true,
  proxy: {
    '/api': {
      target: 'https://app.cypc.com.cn/zhkpservice',
      ws: false,
      changeOrigin: true,
      pathRewrite: {
        '^/api': ''
      }
    }
  }
},

To Be Continued！😎