我想将Vue实例安装到一个元素,该元素包含页面的所有正文内容,因此我可以拥有一个全局根Vue组件,并且可以在页面上的任何位置使用它的子组件。因此,我在body标签内创建了一个包装器,其中包含了所有内容。问题是,当我尝试使用以下代码在其上安装Vue时:
var app = new Vue({
el: '#app', //id of the div wrapper
});
它给了我这个错误:
Uncaught RangeError: Invalid string length
at repeat$1 (vue.esm.js:11555)
at generateCodeFrame (vue.esm.js:11537)
at vue.esm.js:11624
at Array.forEach (<anonymous>)
at compileToFunctions (vue.esm.js:11621)
at Vue.push.oCYn.Vue.$mount (vue.esm.js:11845)
at Vue._init (vue.esm.js:4967)
at new Vue (vue.esm.js:5034)
at Module.tjUo (index.js:7)
at __webpack_require__ (bootstrap:78)
我怀疑发生这种情况是因为浏览器内存不足,因为包装器内的html代码是有效的,并且当我尝试将其安装在一个空元素上时,它的安装也很好。