Javascript 仅在某些环境中，Vue中的字符串长度范围错误无效

我在生产环境中有一个Vue组件和一个测试环境。在生产中，它位于wordpress主题内，我得到错误：

jquery.min.js:2 Uncaught RangeError: Invalid string length
    at repeat$1 (vue.js:11398)
    at generateCodeFrame (vue.js:11380)
    at vue.js:11467
    at Array.forEach (<anonymous>)
    at compileToFunctions (vue.js:11464)
    at Vue.$mount (vue.js:11688)
    at Vue._init (vue.js:4901)
    at new Vue (vue.js:4967)
    at HTMLDocument.<anonymous> ((index):234)
    at l (jquery.min.js:2)

jquery.min.js:2未捕获范围错误：字符串长度无效
重复1美元（vue.js:11398）
在GenerateDeframe（vue.js:11380）
在vue.js:11467
at Array.forEach(

{{event.start.local | date}
容量：

jQuery（文档）.ready（函数（$）{
//使用基本效果集
var vm=新的Vue({
el:“#main”，
数据：{
活动：，
},
过滤器：{
日期：函数（值）{
返回力矩（值）。格式（“dddd，MMM Do”）；
}
},
挂载：函数（）{
console.log（this.events）
此.$nextTick（函数（）{
//假定文档中有$el的代码
var acc=document.getElementsByClassName（“accordion”）；
var i；
对于（i=0；i

该错误具有误导性。我遇到了类似的问题，并发现这是内联模板的问题。有一个样式标记导致了我的项目中的问题。 在您的情况下，我认为问题出在数据对象中。在事件数据对象中使用字符串文字，如下所示，它应该可以工作：

data: {

            events: `<?php echo json_encode($another); ?>`,
    },

数据：{
事件：``，
},

此处描述并解决了此错误：

模板中的错误由于GenerateDeframe（）或repeat$1（）中的错误而在JS中生成错误（可能以某种方式修复）。

另一种情况 在我的例子中，这个错误是因为我重复了相同的HTML属性而导致的

<div class="awesome wow"
     class="anotherawesome">
</div>

这将引发同样的问题

解决方案

---

谢谢，这个错误非常容易引起误解。而且似乎很难找到真正的原因。

data: {

            events: `<?php echo json_encode($another); ?>`,
    },

<div class="awesome wow"
     class="anotherawesome">
</div>

<div class="awesome wow anotherawesome">
</div>