浏览器报错Uncaught ReferenceError: require is not defined解决方案

最新推荐文章于 2024-04-30 14:53:21 发布

Promise-proto

最新推荐文章于 2024-04-30 14:53:21 发布

阅读量5.3k

点赞数

分类专栏： uni-App 文章标签： javascript uni-app vue.js 前端

本文链接：https://blog.csdn.net/weixin_42082342/article/details/130246150

版权

uni-App 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

我是在uniapp项目引入js-base64遇到这个报错，然后页面直接白屏，如下图：

根据提示，是es6语法转换问题导致的，看了一下我安装的js-base版本是（"js-base64": "^3.6.2"）,

于是尝试进行版本的升级和降级，看看是否可以正常使用。

等待中。。。

经过测试，发现部分可用和不可用的版本如下

可用版本：

"js-base64": "2.4.3"

"js-base64": "2.4.5"

"js-base64": "2.4.6"

"js-base64": "2.4.8"

不可用版本：

"js-base64": "2.4.9"

"js-base64": "2.5.2"

"js-base64": "3.0.0"

"js-base64": "3.1.0"

"js-base64": "3.2.0"

"js-base64": "3.3.1"

文章分享到这里就结束了，大家可以根据自己的项目情况，选择使用哪一种版本，Bye~

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Promise-proto

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
浏览器报错Uncaught ReferenceError: require is not defined解决方案

Uncaught ReferenceError: require is not defined
复制链接

扫一扫

专栏目录

Vue3 - vite 项目报错：Uncaught ReferenceError: require is not defined（解决 vue3 vite 项目无法识别 require 语法导致报错）

王佳斌

12-16

1万+

vue3，vite，报错解决，vue3+vite报错require is not defined，vue3 vite引插件不识别require，老插件必须用require怎么办，vite项目插件要求使用require引入但报错，vue3不兼容require导致第三方包插件无法使用，vue3 vite中使用require报错怎么办，解决Vite+vue3使用第三方依赖报错“require is not defined”问题，vite项目require语法兼容问题解决 require is not define

解决vue项目报错webpackJsonp is not defined问题

01-19

但是在项目经过本地测试没有任何问题，打包上线后却会报错 webpackJsonp is not defined。这是因为公共文件必须在自己引用的js文件之前引用。可以手动改文件引用，但是推荐以下解决办法：找到build→webpack.prod...

1 条评论您还未登录，请先登录后发表或查看评论

浏览器报Uncaught ReferenceError: require is not defined

最新发布

qq_38828542的博客

04-30

560

记：同样可以解决 element-plus/es/locale/lang/zh-cn 引入报错问题。中修改配置，没有就新建。

【已解决】Uncaught ReferenceError: require is not defined

木得是的博客

06-14

3万+

当我们使用electron的时候，想要使用nodejs以及第三方的时候出现Uncaught ReferenceError: require is not defined，这种问题的时候，也许并不是我们的问题而是少了配置。也可能是版本的问题。如图：而我们只需要再加一个配置，这个错误提示就会消失， webPreferences: { nodeIntegration: true, contextIsolation:false // 把这一项加上错误就会消失 } 补充： nodeInteg

uniapp项目引入vant2遇到报错Uncaught ReferenceError: require is not defined完美解决方案

番茄Salad

02-19

1万+

【代码】uniapp项目引入vant2遇到报错Uncaught ReferenceError: require is not defined完美解决方案。

【已解决】Uncaught ReferenceError require is not defined

m0_54852350的博客

03-06

3557

解决vant的Toast组件时提示not defined的问题

01-21

[Vue warn]: Error in v-on handler: “ReferenceError: Toast is not defined” 解决方法： handleClick(){ this.$toast('点击提示') } 补充知识：vue+vant移动端遇到的那些问题 1、项目引用了lib-flexible 跟px...

解决Layui中layer报错的问题

01-19

Uncaught ReferenceError: layer is not defined 解决方法，查看网上说名，是非独立版导致直接使用layer导致，只需要在使用时加一说明，申明一下使用。 layui.use(['element','layer'], function(){ var element =...

解决报错：Uncaught ReferenUncaught (in promise) ReferenceError: require is not defined

m0_70934522的博客

10-20

8612

解决报错：Uncaught ReferenUncaught (in promise) ReferenceError: require is not defined

vue3引入图片等无法使用require，需要用newURL来动态引入图片等静态资源

wzy_PROTEIN的博客

06-13

8140

Uncaught (in promise) ReferenceError: require is not defined1、因为require是webpack提供的一种加载能力，但是vue3项目时搭配vite的，所以这里应该用vite提供的静态资源载入方法，将上面的require改为new URL这种格式，页面就可以正常加载静态资源了。new URL（‘路径’，import.meta.url）.href。

uniapp使用signalR插件开发环境模拟器没问题，真机环境就会报错：“ReferenceError: require is not defined“解决方法

m0_73886134的博客

12-27

1697

uniapp使用signalR插件开发环境模拟器没问题，真机环境就会报错："ReferenceError: require is not defined"解决方法

uniapp使用@microsoft/signalr（报错“ReferenceError: require is not defined“）

qq_43371595的博客

09-07

2071

后台老哥要用微软的signalr，总结了一些经验和问题。

纯html项目配置babel，报错Uncaught ReferenceError: require is not defined

卡卡西：一个擅长拷贝的前端程序员

05-26

5428

需求描述有时候想要写一个简单的测试 demo，只需要一个 html文件 + 一个js文件，但是需要 import 一些npm包，如何做简单的 babel 配置呢？操作步骤创建项目 mkdir demo cd demo 此时 demo 目录下空空如也，什么也没有。 npm初始化 npm init 一路回车，此时 demo 下新增了一个 package.json 文件新增 src/index.js 和 index.html 文件，目录结构如下： | - src | |- index.j

【vue项目开发遇到的问题】在vue3中引入图片报错 Uncaught (in promise) ReferenceError: require is not defined

m0_69892739的博客

12-25

5095

因为require是webpack提供的一种加载能力，但是如果项目是用vite搭建的,就需要使用new URL(url, import.meta.url).href的格式引入图片。如下图所示：直接import引用该图片路径。

Electron运行时报错：浏览器报错Uncaught ReferenceError: require is not defined

在下魔王ii的博客

07-20

3412

你可以检查Webpack配置文件中的`target`选项是否设置为`web`，以确保代码被打包为适用于浏览器的格式。另外，如果你正在使用Electron框架开发桌面应用程序，你可以在主进程中使用`require`语法，但在渲染进程中需要使用Electron提供的特殊语法来加载模块。解决这个问题的一种方法是使用Webpack等工具将你的代码打包成浏览器可执行的文件。这样可以将`require`语法转换为浏览器可识别的语法。2. 确保你的代码中没有在浏览器环境中使用了`require`关键字。

js Uncaught ReferenceError: require is not defined

03-28

当在浏览器中出现"Uncaught ReferenceError: require is not defined"错误时，这通常是因为浏览器不支持CommonJS模块化规范中的require函数。浏览器中的JavaScript环境与Node.js环境有所不同，因此无法直接在浏览器中使用require函数。解决这个问题的方法有两种： 1. 使用浏览器端的模块加载器，例如Webpack或Browserify，将Node.js代码转换为浏览器可识别的代码。这些工具可以将require函数转换为浏览器可用的模块加载函数，例如import或require.ensure。通过使用这些工具，您可以在浏览器中使用Node.js模块。 2. 将Node.js代码重构为适用于浏览器的纯前端代码。如果您的代码依赖于Node.js特定的功能或库，您需要找到适用于浏览器的替代方案。例如，如果您在Node.js中使用了文件系统模块（fs），您可以使用浏览器的File API来处理文件操作。请注意，这些解决方案可能需要一些额外的配置和调整，具体取决于您的项目和使用的工具。