这是在vue-cli3搭建的Vue2项目中,在组件中使用了下面的写法出现的错误警告
var Profile = Vue.extend({
template: "<div id='svgTemplate'>" + sXML + '</div>'
});
// 创建实例,并挂载到元素上
new Profile().$mount('#svgTemplate');
百度找了看了好多终于解决
出现该错误警告的原因:
vue有两种形式的代码 compiler(模板)模式和runtime模式(运行时),Vue模块的package.json的main字段默认为runtime模式, 指向了"dist/vue.runtime.common.js"位置。 这个在Vue2.0之后就有的特点
解决方法:
如果仅仅是在某个组件中使用了这样的写法 ,那么只需要在引入Vue的时候将
import Vue from 'vue'修改如下
import Vue from 'vue/dist/vue.esm.js'
其他方式:
vue.config.js
configureWebpack: {
resolve: {
alias: {
'vue$': 'vue/dist/vue.esm.js' //内部为正则表达式 v