require is not defined　如何解决谢谢

chenxyon 2019-10-04 09:02:58

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="./js/base/jquery.js"></script>
<script >
require("qcloudsms_js");
</script>
</head>

<body>
</body>
</html>

test.html:8 Uncaught ReferenceError: require is not defined
at test.html:8

...全文

10651 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

天际的海浪 2019-10-04

打赏
举报

回复

require()是 Node.js 中才支持的方法，目前前端浏览器都还没有原生支持。你可以使用RequireJS 框架来代替 https://www.html.cn/doc/requirejs/

chenxyon 2019-10-04

打赏
举报

回复

随着前端工程化发展，Vite因快速热更新和零配置受青睐。但在Vue项目开发中，使用Vite会遇到“require is not defined”错误。本文探讨该问题成因，给出转换CommonJS模块为ES模块、使用特定插件、运行时用Browserify或Webpack、用第三方库处理动态导入等解决方案，还分享了实际开发技巧。

博客围绕Electron版本16.0.7，阐述了‘require is not defined’报错原因，即JS中没有node模块，无法使用require导入导出。并给出解决办法，在入口文件设置两个属性，分别是nodeIntegration为true，contextIsolation为false。

这篇博客记录了在 Electron 开发中遇到的 'require is not defined' 错误的解决方法。通过设置 `nodeIntegration` 和 `contextIsolation` 为 `true` 和 `false` 分别，成功解决了问题。尽管官方建议 `contextIsolation` 默认为 `false`，但在某些情况下可能需要明确设置。作者对此现象的原因尚不清楚，但分享此解决方案以供他人参考。

博客主要讲述在启动Electron时遇到Uncaught ReferenceError: require is not defined报错的解决办法。需在项目中加入contextIsolation: false，还可设置nodeIntegration: true让node参与项目，以此解决报错问题。

在Vue3+vite项目中使用require会出现ReferenceError: require is not defined报错。原因一是vite推荐import导入依赖，不支持require；二是项目存在用require导入依赖的三方依赖且不便更改；三是vite开发模式不编译依赖内容运行不报错。解决方式是安装vite插件。

87,987

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章