Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/joomla/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js Vue类星体生产建造“;网页正在减慢您的浏览器速度;_Vue.js_Vue Cli_Quasar Framework_Quasar - Fatal编程技术网

Vue.js Vue类星体生产建造“;网页正在减慢您的浏览器速度;

Vue.js Vue类星体生产建造“;网页正在减慢您的浏览器速度;,vue.js,vue-cli,quasar-framework,quasar,Vue.js,Vue Cli,Quasar Framework,Quasar,我正在用Vue和Quaser构建一个web应用程序。我的开发环境工作得很好,一切都按它应该的方式加载。我像其他人一样为发展服务: npm运行服务 但是,在构建时,应用程序会占用大量资源并冻结浏览器。在firefox上,我收到这样一条信息:“网页正在减慢你的浏览器速度”,而基于chrome的浏览器只需要花费大量时间 npm run build serve -s dist 我使用service-sdist测试netlify没有在本地加载的内容。我似乎不明白为什么会这样。My package.js

我正在用Vue和Quaser构建一个web应用程序。我的开发环境工作得很好,一切都按它应该的方式加载。我像其他人一样为发展服务:

npm运行服务
但是,在构建时,应用程序会占用大量资源并冻结浏览器。在firefox上,我收到这样一条信息:“网页正在减慢你的浏览器速度”,而基于chrome的浏览器只需要花费大量时间

npm run build
serve -s dist
我使用
service-sdist
测试netlify没有在本地加载的内容。我似乎不明白为什么会这样。My package.json的外观如下:

{
“名称”:“友好的链锯sass套件”,
“版本”:“0.1.0”,
“私人”:没错,
“脚本”:{
“服务”:“vue cli服务服务”,
“生成”:“vue cli服务生成”,
“测试:单元”:“vue cli服务测试:单元”,
“lint”:“vue cli服务lint”
},
“依赖项”:{
“@quasar/extras”:“^1.0.0”,
“apexcharts”:“^3.26.0”,
“核心js”:“^3.6.5”,
“类星体”:“^1.0.0”,
“vue”:“^2.6.11”,
“vue apexcharts”:“^1.6.0”,
“vue css圆环图”:“^1.3.0”,
“vue路由器”:“^3.2.0”,
“vuex”:“^3.4.0”
},
“依赖性”:{
“@vue/cli插件巴别塔”:“~4.5.0”,
“@vue/cli插件eslint”:“~4.5.0”,
“@vue/cli插件路由器”:“~4.5.0”,
“@vue/cli插件单元笑话”:“~4.5.0”,
“@vue/cli插件vuex”:“~4.5.0”,
“@vue/cli服务”:“~4.5.0”,
“@vue/composition api”:“^1.0.0-rc.5”,
“@vue/eslint config prettier”:“^6.0.0”,
“@vue/test-utils”:“^1.0.3”,
“babel eslint”:“^10.1.0”,
“eslint”:“^6.7.2”,
“eslint插件更漂亮”:“^3.1.3”,
“eslint插件vue”:“^6.2.2”,
“更漂亮”:“^1.19.1”,
“vue cli插件类星体”:“~3.0.1”,
vue模板编译器“^2.6.11”
},
“eslintConfig”:{
“根”:对,
“环境”:{
“节点”:true
},
“扩展”:[
“插件:vue/essential”,
“eslint:推荐”,
“@vue/prettier”
],
“解析选项”:{
“解析器”:“babel eslint”
},
“规则”:{},
“覆盖”:[
{
“文件”:[
“**/\\\\\/.{j,t}s?(x)”,
***/tests/unit/***.spec.{j,t}s?(x)
],
“环境”:{
“玩笑”:真的吗
}
}
]
},
“浏览者”:[
"> 1%",
“最后两个版本”,
“没有死”
],
“笑话”:{
“预设”:“@vue/cli插件单元笑话”
}
}

有什么我可能做错了吗?

正如@larizzatg所暗示的,这样一条消息的错误来自于比赛条件,只是弹出窗口中没有明确的简明错误消息或方向。在我的一个组件中,我有一个for循环,其中我正在切片

<div v-for="task in allTasks.splice(0,3)" :key="task.name">

以上内容将循环执行一系列任务,但不是全部任务,确切地说是3项任务。它在开发中运行良好。但是,要避开这个错误

<div v-for="task in topTasks" :key="task.name">


其中
topTasks
来自
computed
属性。这本应该在开发阶段失败,而不是给它带来希望。我对基于角度的应用程序也做了同样的实现。我没想到这会成为Vue的问题。让您在浏览以前的代码实现时感到疑惑。

它没有构建,或者是否存在占用大量空间的资源?你试过做一个网页简介吗?检查是否存在内存泄漏somewhere@larizzatg,它构建。它只是没有按照预期的速度渲染,它需要。就内存泄漏而言,我无法从正在提供服务的应用程序中获得占用内存量的部分。如果它是一个没有远程调用的SPA(所有东西都是从JSON数据对象抓取的),那么它发生这种情况的可能性难道不应该更小吗?这取决于,有时你可能会遇到竞争条件或奇怪的无休止的循环,这取决于你的代码是如何构造的,你能附加页面的配置文件吗?你说得对@larizzatg,我在我的一个组件中看到了无尽的循环。检查我几分钟后更新的答案?