Vue突然报错 doesn‘t work properly without JavaScript enabled

突然报错未启用JavaScript

下午演示项目的时候突然给我整了一出JavaScript未启用,当场就把我整尴尬了;
在这里插入图片描述
然后我怀疑是不是写的路由守卫有问题就注释了再试
在这里插入图片描述
发现问题还在?!
然后经过各种骚操作以后,发现还是报这个js未启用,当场我就不信了!然后我就把yarn和node都重装了把电脑重启!这下绝对没问题了吧!
把项目启动一看!当场傻了!问题还在
在这里插入图片描述
然后我陷入了深深的思考,究竟是什么在搞怪?随之启用了搜索大法!网上的答案满满都是
在这里插入图片描述
我发现找不到我想要的,那我就逐个排查!!

先看看是不是vue的问题,所以我启动了一个react

随着 yarn start 的启动,页面成功展示
在这里插入图片描述
好了,这下我不怀疑是工具的问题了,应该是vue有问题

所以我去看是不是vue项目有问题,然后我就create了一个新项目

在这里插入图片描述
诶,神了 还是没问题!那我的项目为什么还是报JS未启用????
那接下来我就对项目进行了仔细排查!

首先我去看main里的每一行!

看起来嫌疑最大的是mount !因为是由他来控制页面渲染,
在这里插入图片描述
然后我就去看了官方文档
在这里插入图片描述

然后我改了App.vue里的ID,发现没有用

那我就在想了,这个挂载不在这里控制,那在哪里控制?

最后!!!!!

居然是public里的index入口文件里的id和mount挂载的元素id不一致,导致了这个报错!!!
在这里插入图片描述
在这里插入图片描述
搞定!

  • 13
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
"We're sorry but vue-pc doesn't work properly without JavaScript enabled. Please enable it to continue."是一个错误提示信息,思是vue-pc应用程序在没有启用JavaScript的情况下无法正常工作,需要启用JavaScript才能继续使用。这个问题通常是由于单页应用加载慢或配置问题引起的。 对于单页应用加载慢的问题,可以采取以下措施来改善首屏加载速度:使用gzip压缩、路由懒加载、使用CDN加速、优化代码和资源等方法来减少页面加载时间。 对于配置问题,可以通过修改nginx配置文件来解决。在nginx配置文件中增加相应的配置,确保vue-pc应用程序可以正常访问和加载。具体的配置可以参考相关文档或教程。 另外,如果在部署vue-pc应用程序到服务器时出现该错误提示信息,可以检查以下几个方面的配置:首先,确保服务器已安装Node.js,并正确进行了项目打包;其次,确保服务器安装了nginx,并将静态文件上传到服务器;然后,根据实际情况配置nginx.conf文件,确保vue-pc应用程序可以被正确访问;最后,检查是否存在404或405的错误,如果出现这些错误,需要进一步调试和排查。 综上所述,解决"We're sorry but vue-pc doesn't work properly without JavaScript enabled. Please enable it to continue."问题的方法包括优化单页应用加载速度和检查配置文件等方面。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Vue防止白屏添加首屏动画的实例](https://download.csdn.net/download/weixin_38741540/14829573)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [vue 部署nginx 出现 We’re sorry but “XXX” doesn’t work properly without JavaScript enabled](https://blog.csdn.net/qq_40915333/article/details/121761092)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Supernova_gu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值