QT 5.12用QWebEngineView加载vue页面提示globalThis is not defined

最新推荐文章于 2024-04-17 23:54:56 发布
最新推荐文章于 2024-04-17 23:54:56 发布
阅读量460 收藏 4
点赞数 1
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/karl122/article/details/137377401
版权

 "Uncaught ReferenceError: globalThis is not defined", source: http://127.0.0.1:5173/@vite/client (391)

经查发现，浏览器chrome内核版本为：69.0.3497.113

查询网址：浏览器内核版本检测--浏览迷

本人不想更换开发工具。主要想兼容win7.

可以在vue代码中的index.html页面加上

  <script>
    this.globalThis || (this.globalThis = this)
  </script>

就可以了。vite版本如下：

karl122
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
解决globalThis is not defined的问题
sq66666的博客
07-01 1万+
在前端引入一些开源组件库时，在低版本浏览器中可能会出现globalThis is not defined的问题,在html头部增加如下代码即可解决
采用Qt + QML + Vue构建应用程序（附源码）
chyly的博客
05-14 3451
本文将介绍一种基于qt qml加载vue的方法来构建跨平台应用程序，利用qml作为UI框架的优势，结合vue实现更加灵活和便捷的开发。这种组合将为开发者提供更多的选择和方便。
qt实现web服务器加载vue应用进行C++和html混合编程-连载【6】源码
09-03
qt实现web服务器加载vue应用进行C++和html混合编程-连载【6】-企业级系统开发实战连载系列 -技术栈(vue、element-ui、qt、c++、sqlite)
qt和vue交互
qq_41994014的博客
07-14 3624
【代码】qt和vue的交互。
【QT进阶】Qt Web混合编程之QWebEngineView基本用法
最新发布
LF__plus的博客
04-17 1701
【QT进阶】Qt Web混合编程之QWebEngineView基本用法
Qt + vue.zip
09-12
本文资源是利用Qt5+vue实现一个windows桌面应用程序，采用QWebEngineView加载html页面，QWebChannel和QThred实现和html页面异步交互
globalThis is not defined 解决方案
记录常见的问题以及解决办法
07-13 1万+
globalThis is not defined 解决方案
关于 globalThis is not defined 报错问题
u014226080的博客
08-02 6243
我使用的是搜狗游览器测试，因为内核版本只有65，导致有这个问题，在内核70+的游览器不存在这个问题，解决方法也很简单，在报错界面添加上以下代码解决（PS不知道报错具体位置，就直接在main.js里面添加）这是我在检查一个vue在线项目的时候发现的。...
Qt+vue开发桌面应用程序（一）Qt部分介绍
热门推荐
丁爸的博客
09-12 1万+
本文介绍Qt+vue实现一个windows桌面应用程序，效果图如下： 全文分Qt部分和Vue部分两章，本文先介绍Qt部分 1.1. 涉及Qt模块： 注意：Qt版本5.15，编译器要选MSVC xxxx（本文选：MSVC2019 64bit）。Qt web相关模块在windows系统不支持MinGw编译器。 QWebEngineView：加载和显示html页面 QWebChannel：负责html和Qt交互 QWidget：显示窗口页面 QThread：创建线程异步处理页面请求 QJson…：json数据
vue中提示$index is not defined错误的解决方式
11-19
今天学习Vue中遇到了一个报错信息：$index is not defined，是我写了个for循环在HTML中，然后是因为版本的问题 下面是解决方法： 原来的是 v-for=”person in items” v-on:click=”deletePerson($index)”//这个...
解决vue项目报错webpackJsonp is not defined问题
01-19
在vue单页面应用中，我们大概都会使用CommonsChunkPlugin这个插件。 传送门 CommonsChunkPlugin 但是在项目经过本地测试没有任何问题，打包上线后却会报错 webpackJsonp is not defined。这是因为公共文件必须在自己...
qt使用webengine加载web页面
AdleyTales的技术博客
05-23 899
#include "mainwindow.h" #include "ui_mainwindow.h" #include <QUrl> #include <QtWebEngineWidgets/QWebEngineView> MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) , ui(new Ui::MainWindow) { ui->setupUi(this); QWe
globalThis is no defined 问题处理
qq_41224332的博客
06-07 3686
从网上搞到一个前端插件包，使用时报错 “globalThis is no defined” ，更换浏览器问题消失，查到原因可能是因为打包被编译出来的，不兼容低版本浏览器。
2020年12月29日 flask+vue+qtwebengine+pyinstaller+nsis editor
pyorz的博客
12-29 456
main.py import sys from PyQt5.QtCore import QUrl from PyQt5.QtWidgets import QMainWindow,QApplication from PyQt5.QtWebEngineWidgets import QWebEngineView import threading from flask import Flask, render_template app1 = Flask(__name__, template_folder='.
qt实现web服务器加载vue应用进行C++和html混合编程-连载【6】-企业级系统开发实战连载系列 -技术栈(vue、element-ui、qt、c++、sqlite)
m0_49654513的博客
09-02 3478
qt实现web服务器加载vue应用进行C++和html混合编程-连载【6】-企业级系统开发实战连载系列 -技术栈vue、element-ui、qt、c++、sqlite标题作者背景描述：为什么写此系列文章？解决方案：预览Demo应用程序的架构下面是实操步骤：添加全局静态对象文件global.h文件main.cpp 添加静态资源文件支持：修改 requestmapper.cpp 文件修改配置文件BitPos.ini 标题作者背景描述： 本人就职于外资IT企业，担任电商订单处理产品开发经理一职，领导过非常多次大
PYQT/QT 开发VUE GUI应用程序(持续更新)
weixin_44247218的博客
04-15 3486
PYQT/QT 开发VUE GUI应用程序(持续更新) 参考列表 博主文章: Qt+vue开发桌面应用程序 知乎文章 超级详细!: 基于 QWebChannel 的前端通信方案 工具书籍: 《PYQT5快速开发与实战》 使用技术栈 VUE CLI element等框架均可 QWebEngineView 与 静态页面交互 需要熟悉QT qrc资源库的操作 PyQt5 如果需要在PYQT5上进行VUE-element的开发之类 可以参考此文章 请仔细观看此文章 提示：在资源文件的打包上也有大坑 持续更新
qt集成管理后台前端vue框架进行C++和html混合编程-连载【7】-企业级系统开发实战连载系列 -技术栈(vue、element-ui、qt、c++、sqlite)
m0_49654513的博客
11-09 5549
qt集成前端vue框架进行C++和html混合编程-连载【7】-企业级系统开发实战连载系列 -技术栈vue、element-ui、qt、c++、sqlite标题作者背景描述：为什么写此系列文章？解决方案：预览Demo 标题作者背景描述： 本人就职于外资IT企业，担任电商订单处理产品开发经理一职，领导过非常多次大小项目的开发工作，对电商平台订单处理流程非常熟悉。 公司专注鞋服行业相关软件开发和服务，公司规模100多人以上，在台北，广州，成都，上海，北京，国外等均有分公司。 为什么写此系列文章？ 本人在学校至工
Qt 嵌入Vue项目 flapMap 浏览器兼容性问题
liubangbo的专栏
08-16 923
2）由于Qt不像浏览器那样可以console，或断点定位，所以采用加alert 的方法来定位，最后定位到调用flatMap方法的地方有问题。flapMap是es6语法，猜测是由于Qt自集成的chrome版本低导致，所以升级Qt版本到6， 问题解决。vue项目采用.browserslistrc默认配置，没有限定chrome浏览器版本，babel转换后生成的js代码需要的浏览器版本高于Qt自集成的chrome版本。使用 Browserslist，可以做到覆盖更广泛的受众（浏览器），同时包的体积也会保持最小化。
vue启动项目报错 globalThis is not defined
05-30
如果在使用Vue启动项目时出现 "globalThis is not defined" 错误，通常是因为你的浏览器或Node.js版本太旧，不支持`globalThis`对象。你可以通过升级浏览器或Node.js版本来解决这个问题。 如果你不能升级浏览器或Node.js版本，你可以使用一个polyfill来模拟`globalThis`对象。在Vue项目中，你可以使用`@babel/polyfill`或者`core-js`库来提供`globalThis`对象的支持。这里是一些步骤，可以帮助你解决这个问题： 1. 安装`@babel/polyfill`或者`core-js`库。在命令行中执行以下命令安装： ``` npm install --save @babel/polyfill 或 npm install --save core-js ``` 2. 在你的Vue项目中引入polyfill。你可以在入口文件（如`main.js`）中引入，或者在需要使用的文件中单独引入。在Vue CLI 3.x中，你可以在`babel.config.js`文件中配置： ``` module.exports = { presets: [ '@vue/app' ], "plugins": [ ["@babel/plugin-transform-runtime", { "regenerator": true }] ], "useBuiltIns": "entry" } ``` 如果你使用的是Vue CLI 2.x，则可以在`.babelrc`文件中进行配置。 3. 重新启动Vue项目。现在，你的Vue项目应该可以顺利运行了。 希望这可以帮助你解决这个问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值