程序员经验分享-hwhale

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

2023-11-01

突然报错未启用JavaScript

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

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

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

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

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

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

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

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

那我就在想了，这个挂载不在这里控制，那在哪里控制？

最后！！！！！

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

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

Vue

vuejs

javascript

前端

Vue突然报错 doesn‘t work properly without JavaScript enabled 的相关文章

  • 如何将udp发送到udp node.js服务器？

    我对此很陌生 所以我真的不知道我在做什么 但我已经设置了一个 node js udp 服务器 我想从客户端 来自网站 向它发送一个数据包 但我不知道如何在 javascript 中做到这一点 或者是否可能 我不是在研究如何从 Node js

  • 如果对象包含在另一个数组中，则从数组中删除该对象

    我试图从数组中删除一个对象 如果该对象的属性 唯一 包含在另一个数组中 我知道我可以像这样执行嵌套 for 循环 for i 0 i lt array length i for j 0 j lt array2 length j if arr

  • 取消html5浏览器中的单图请求

    我正在动态加载 大 图像以绘制到 html5 画布中 如下所示 var t new Image t onload t src http myurl 但每隔一段时间就会想取消图片请求完全地 我想出的唯一方法是设置src to i e t sr

  • Angular 2 链式 Promise 并传递拒绝

    应该是一个简单的问题 但是我找不到有关如何做到这一点的文档 像这样链接一个承诺 Making a promise no problem let promise new Promise resolve reject gt let data d

  • 网站 YouTube 嵌入视频不断播放

    我正在使用 youtube 提供的 iframe 在我的网站上嵌入视频 我还使用了一个 css 弹出窗口 这是我从这个页面学到的http www pat burt com web development how to do a css po

  • 非 DOM 对象上的 jQuery 自定义事件

    我最近阅读了一些代码 其功能如下 bob name Bob Smith rank 7 bob bind nameChanged function bob trigger nameChanged 这似乎有效 但我在 jQuery 文档或源代码

  • Node js 使用中间件重定向进行过多重定向

    在我的 Node js 应用程序 我使用的是express 4 x 中 我想检查用户是否已登录 如果用户未登录 我想重定向到我的登录页面 然后我在中间件中这样做 服务器 js app use function req res next if

  • 在Javascript中按降序对字符串进行排序（最有效）？

    W3Schools 有这个例子 var fruits Banana Orange Apple Mango fruits sort fruits reverse 这是在 Javascript 中按降序对字符串进行排序的最有效方法吗 Updat

  • jquery 验证错误位置

    这看起来很简单 但我无法弄清楚 我正在使用 jquery 验证插件 我验证所有文件 但我想要的是在输入文本行中显示验证消息警报 例如在电子邮件输入中 请填写电子邮件地址 但现在它出现在所有字段下 在我的html中

  • 如何使用canvas.toDataURL()将画布保存为图像？

    我目前正在构建一个 HTML5 Web 应用程序 Phonegap 本机应用程序 我似乎不知道如何将画布保存为图像canvas toDataURL 有人可以帮我吗 这是代码 有什么问题吗 我的画布被命名为 canvasSignature J

  • 如何使用 jest 模拟第三方库

    我正在开发一个node js应用程序使用nestjs我有一堂课叫LoggerService如下 export class LoggerService private logger Rollbar constructor this logge

  • 在闪亮的数据表中为每个单元格显示工具提示或弹出窗口？

    有没有什么方法可以为 r闪亮数据表中的每个单元格获取工具提示 有很多方法可以获取悬停行或列 但我找不到一种方法来获取行和列索引并为每个单元格显示不同的悬停工具提示 任何人都可以修改以下代码吗 library shiny library DT

  • 如果链接包含特定文本，jQuery 将类添加到 href

    我的网站上的列表中有一些动态填充的链接 这些链接链接到文件 是否可以使用 jQuery 查看文件名是否以 pdf 结尾 并在 href 或类似的链接文本以 mp3 结尾时添加一个类 例如 我的列表中有以下链接 文件1 pdf 歌曲1 mp3

  • 如何在 Angular 中从父组件访问子组件？

    I have mat paginator在子组件a中 如下所示 子组件 html

  • JS用正则表达式替换数字

    我有元素的标识符 如下所示 form book 1 2 3 我想要的是用其他值替换该标识符中的第二个数字 我将函数 match 与以下正则表达式一起使用 var regexp d d d 但它返回我包含的数组 1 2 3 2 因此 当我尝试

  • 将数组排序为第一个最小值、第一个最大值、第二个最小值、第二个最大值等

    编写一个JS程序 返回一个数组 其中第一个元素是第一个最小值 第二个元素是第一个最大值 依此类推 该程序包含一个函数 该函数接受一个参数 一个数组 该函数根据要求返回数组 输入示例 array 2 4 7 1 3 8 9 预期输出 1 9

  • 淡出和循环一组 div 的最佳方式

    假设我有以下 div div class a You are funny div div class b You are smart div div class c You are cool div 最好的展示方式是什么div a持续 5

  • 将 javascript 整数转换为字节数组并返回

    function intFromBytes x var val 0 for var i 0 i lt x length i val x i if i lt x length 1 val val lt lt 8 return val func

  • Chartjs刻度标签位置

    尝试让 Y 轴刻度标签看起来像image https i stack imgur com XgoxX png 位于秤顶部且不旋转 缩放选项当前如下所示 scales yAxes id temp scaleLabel display true

  • 单击引导分页链接时调用 jquery 函数

    我想在单击引导分页链接时调用 jquery 函数 假设我想从第1页遍历到第2页 应该调用一个jquery函数 我正在使用以下代码 但它不起作用 ul pagination on click li function alert page ch

随机推荐

  • 前端代码审查利器：vscode插件GitLab Workflow

    正经学徒 佛系记录 不搞事情 前言 使用此插件的目的很单纯 就是为了更快的通过IDE工具进行代码审查 优势 在现在互联网公司的Workflow工作模式下 开发的代码需要提交merge request MR 给同事进行代码审核 以往通过git

  • qt计算机析构函数,QT退出不会调用MainWindow析构函数

    在我的应用程序中 我有一个托盘图标 所以我覆盖了closeEvent 以便在某些事情发生时应用程序 最小化 但是 我确实希望在按下退出时 应用程序将完全退出 但是 在重写closeEvent并调用函数quit 之后 它似乎绕过了MainWi

  • Yolov5-7.0图像分类算法修改Resnet18/50主干网络流程

    网上大多数都是基于yolov5算法的目标检测网络进行修改主干网络 我最近在尝试图像分类算法 流程如下 以resnet50为例 1 打开models下的common py文件 添加下面的代码 模型 resnet50 class resnet5

  • 一个简单HTML5期末考核大作业，学生个人html静态网页制作代码

    精彩专栏推荐 文末获取联系 作者简介 一个热爱把逻辑思维转变为代码的技术博主 作者主页 主页 获取更多优质源码 web前端期末大作业 毕设项目精品实战案例 1000套 程序员有趣的告白方式 HTML七夕情人节表白网页制作 110套 超炫酷的

  • Zotero——翻译神器推荐

    Zotero 翻译神器推荐

  • C++ deque容器详解

    C deque容器详解 deque容器基本概念 1 deque的构造函数 2 deque的赋值操作 3 deque的大小操作 4 deque的插入和删除 5 deque的数据存取 deque容器基本概念 功能 它是一个双端数组 可以对头端和

  • 【TensorFlow基础】加载和预处理数据

    目录 1 图像 1 1 配置环境 1 2 加载数据集 1 3 数据预处理 1 4 训练模型 2 CSV 2 1 配置环境 2 2 加载数据 2 3 数据预处理 2 4 构建模型 2 5 训练 评估和预测 3 Numpy 3 1 配置环境 3

  • 小米手机 解BL锁

    Beauty provoketh thieves sooner than gold As You Like It 解锁下载官网 解锁方法

  • 报错:ORA-00955:名称已由现有对象使用

    报错 ORA 00955 名称已由现有对象使用 查下名称看看 是不是已经有视图或者表存在 我遇到的是确实存在了 可能已经创建成功了 或者用个不一样的名称

  • MacBook M1 配置 tensorflow开发环境

    MacBook M1 配置 tensorflow开发环境 方法一 提示 目前MacBook M1在安装和配置深度学习的框架tensorflow上由于兼容性的问题存在着很多困扰 本文将给出详细的安装说明 文章目录 MacBook M1 配置

  • XiaoMi NoteBook Pro EFI 黑苹果引导文件

    TM1701 和 TM1707 规格 详细信息 电脑型号 小米笔记本电脑Pro 15 6 MX150 GTX 处理器 英特尔 酷睿 i5 8250U i7 8550U 处理器 内存 8GB 16GB 三星 DDR4 2400MHz 硬盘 三

  • ubuntu安装dlib

    电脑内部环境很多 传统pip无法安装 3 0环境有dlib 最近用2 7的环境 发现没有 好久没装了 试了一些方法并不work 还是用的老指令 conda install c menpo dlib 18 18

  • Word调用ChatGPT

    目录 前言 一 ChatGPT是什么 二 使用步骤 1 申请ChatGPT的API KEY 2 创建宏模块 3 添加工具栏按钮 4 使用此模块的方法 总结 前言 此文章目的是将ChatGPT作为工具在Word中直接使用 以快速生成自己想要的

  • 《计算机网络》（第8版）第三章 数据链路层 知识点总结

    文章目录 1 数据链路层的三个基本问题 1 1 封装成帧 framing 1 2 透明传输 1 3 差错检测 1 3 1 循环冗余检验CRC Cycle Redundancy Check 1 3 2 FCS计算图 2 点到点协议PPP及其透

  • 毕业设计 - 树莓派寝室宿舍门禁刷卡系统 - 物联网 单片机 嵌入式

    文章目录 0 前言 1 前言 2 主要器件 3 实物效果 4 树莓派读取 RC522 RFID 标签 5 mg90s 控制原理 6 最后 0 前言 这两年开始毕业设计和毕业答辩的要求和难度不断提升 传统的毕设题目缺少创新和亮点 往往达不到毕

  • 公司网络故障总结

    公司网络故障总结 Author skate Time 2007 6 8 今天早上一到公司 刚坐下 买的早饭还没吃呢 就有人打电话反映不能上网 我以为是个别机器的问题 但我还是检测一下 查看网络是否畅通 查看结果是不通 于是就要分析原因 要尽

  • Redis基础与高可用集群架构进阶详解

    一 NoSQL简介 1 问题引入 每年到了过年期间 大家都会自觉自发的组织一场活动 叫做春运 以前我们买票都是到火车站排队 后来呢 有了 12306 有了它以后就更方便了 我们可以在网上买票 但是带来的问题 大家也很清楚 春节期间买票进不去

  • 西瓜书作业4.4(基于基尼指数划分决策树，未剪枝/预剪枝/后剪枝)

    文章目录 题目 未减枝 思想 画图 预剪枝 思想 画图 后剪枝 思想 画图 比较总结 参考 全部代码 画图代码 题目 试编程实现基于基尼指数进行划分选择的决策树算法 为表4 2中数据生成预剪枝 后剪枝决策树 并与未剪枝决策树进行比较 牢骚

  • 密码学与网络安全 - 11 密码学Hash函数

    11 密码学Hash函数 Hash函数输入长度可变 而输出长度固定 合格的Hash函数输出应该均匀分布 看起来随机 Hash函数两个要求 1 抗碰撞性 找到两个不同的输入对应相同的输出在计算上不可行 2 单向性 通过Hash值找到输入值在计

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

    突然报错未启用JavaScript 下午演示项目的时候突然给我整了一出JavaScript未启用 当场就把我整尴尬了 然后我怀疑是不是写的路由守卫有问题就注释了再试 发现问题还在 然后经过各种骚操作以后 发现还是报这个js未启用 当场我就不

热门标签