如今的项目是定死的依赖如下几个核心组件的版本:vue
vue 2.3.3npm
element-ui 1.4.8element-ui
vue-template-comiler 2.3.3json
将之前定死的依赖修改成segmentfault
vue ^2.3.3app
element-ui ^1.4.8post
vue-template-comiler ^2.3.3ui
而后安装npm-check-updates.net
npm install -g npm-check-updatescomponent
#执行版本升级检查
npm-check-updates
#更新package.json
ncu -u
#从新安装依赖
npm install
其它修改的点:
[Element Migrating][ElDialog][Attribute]: size is removed.
icon="search" --> suffix-icon="el-icon-search"
<template scope="scope"> --> <template slot-scope="scope">
导入components要使用import:
components: {
'orgPickerForm': require('@/components/orgPickerForm.vue'),
'userProject': require('./_userProject.vue'),
'projectDialogPicker': require('@/components/projectDialogPicker.vue')
}
调整为:
import orgPickerForm from '@/components/orgPickerForm.vue'
import userProject from './_userProject.vue'
import projectDialogPicker from '@/components/projectDialogPicker.vue'
components: {
'orgPickerForm': orgPickerForm,
'userProject': userProject,
'projectDialogPicker': projectDialogPicker
}
参考资料:
https://segmentfault.com/a/1190000008742240
Element-ui升级2.0后初体验
https://segmentfault.com/a/1190000012051823
Vue.js 2 遇到 vue.runtime.common.js?d43f:511 [Vue warn]: Failed to mount component: template or render function not defined. (found in root instance) 错误的解决方法。
http://blog.csdn.net/zhangchao19890805/article/details/53367574
http://blog.csdn.net/kang389110772/article/details/72896988