微信小程序module “utils/util.js“ is not defined

已于 2022-04-22 08:40:17 修改
阅读量1.8w 收藏
点赞数 8
分类专栏： 微信小程序 文章标签： 前端 微信小程序 微信
于 2022-04-19 19:32:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_45102514/article/details/124281410
版权

有一次我把小程序的index文件删除后报错了。
报错：module “utils/util.js” is not defined
微信小程序Error: module “utils/util.jsx.js” is not defined

在网上找了半天没发现解决方案。

解决方案：把开发工具关闭，然后重新打开就好了
在这里插入图片描述

微信小程序云函数执行报错 Error: Cannot find module ‘node-xlsx‘ 常见原因
qq_20324305的博客
03-13 2139
微信小程序在使用云函数时，我们常常会引用小程序官方提供的组件，比如 EXCEL 相关组件。cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV }) // 使用当前云环境。"node-xlsx": "^0.16.1", （看看是否少了这行，如果少了就请将这行加入应该就能解决问题了）然后页面调用，却常常发现会报错如下：（请关注标黄的一段） 看起来是“找不到依赖库。这时候不要慌，请看一下你的云函数目录下的一个文件“package.json”。", （这里是你的云函数名）
微信小程序引入外部js实现sha1和md5双重加密
Tvv1997的博客
07-11 1965
微信小程序引入外部js实现sha1和md5双重加密步骤步骤一：下载源码步骤二：引入外部js步骤三：修改utils/util文件合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图...
微信小程序Error: module "utils/util.jsx.js" is not defined
。
06-26 3万+
使用require引入js文件时如果写绝对路径会出现类似Error: module "utils/util.jsx.js" is not defined的错误，解决方法：改成相对路径。
解决微信小程序引入模块module ‘xxx.js‘ is not defined, require args？
weixin_45829326的博客
08-26 3308
【代码】解决微信小程序引入模块module ‘xxx.js‘ is not defined, require args？
小程序使用npm报错，如导入crypto-js报错
最新发布
Javac______HH的博客
04-28 394
1、npm或yarn安装crypto-js.js。
小程序报错 WAService.js:3 Uncaught Error: module ＂src/utils/utils.js＂ is not defined
03-29
编译程序时候老是报module "src/utils/utils.js" is not defined的错，狂问度娘也没结果 后来静下来想才尝试弄正确： 我本来的页面地址是："src/main/welcome/welcome" 在这个页面的基础上要加载utils.js，所以按照之前大神的写法就写成这样var j = require("../../utils/utils.js");   但...但就是报错。代码一样的就是错！！！ 弄了许久才弄好，特记录下来 var j = require("../../../utils/utils.js"); 在原本的两个../上再加一个../ 估计这样才能与之
Error: module "pages/utils/util" is not defined
小牧在一直在学习,在前进的道路上大家一起学习，进步。
12-28 2万+
错误如下:   处理方法是两个../上再加一个../ 自己之前写的会报错,const util = require('../../utils/util') 修改之后:const util = require('../../../utils/util') 这样就不报错了...
解决NameError: name ‘utils‘ is not defined
weixin_44414519的博客
04-06 1830
import utils.data 即可。
【解决方法】微信小程序 module "xxx/xxx.js" is not defined（开发工具正常，真机预览报错）
热门推荐
Bottle's Blog
04-06 11万+
背景 小程序开发，写了一个公共模块，方便其他页面使用。 开发工具中使用一切正常，但是用真机预览的时候就会报错「module “xxx/xxx.js” is not defined」。 查了一圈，基本确定了是小程序 js 加载顺序的问题，那解决思路自然就有了。 解决方法 将引用的代码放到页面的 onLoad 方法或者 app.js 的 onLaunch 方法中执行。 比如我这里就是放到了 app.j...
浏览器控制台报JS脚本执行错误：Module is not defined
weixin_41129148的博客
11-08 1万+
现在JS分成了两个分支，一部分在服务器端发展如NodeJS，一部分是传统的浏览器运行环境。 有些插件在编写JS代码时，是针对Node编写的，所以直接在浏览器中使用会报错，通常是: require is not defined module is not defined 解决第一个错误的方法是，去除require，直接在页面中使用script标签加载，或者使用require.js。 解决第二个错误的方法是把原来的代码改写为兼顾浏览器和服务器类型的代码，示范如下： if (typeo
微信小程序提取公用函数到util.js及使用方法示例
10-17
总结来说，创建和使用`util.js`这样的公用函数库是微信小程序开发中的良好实践。它有助于减少代码重复，提高代码质量，并且使项目结构更加清晰。无论是在前端还是后端开发中，这种模块化和复用的思想都是至关重要的...
微信小程序新手踩坑记录(1)
凌哥儿
06-13 3536
引言 ： 学习教程：慕课网-7七月老师的微信小程序入门与实战 此文用来记录一个程序渣学习小程序的踩坑路程。 话不多说，开始记录! ---------------------------------------------------------分割线------------------------------------------------------------------ 踩坑0...
VUE项目运行报错Syntax Error: Cannot find module ‘./utils‘
qq_51574759的博客
04-23 8140
大概率是依赖出了点儿问题，把modules文件夹全删了，然后在项目目录里面把终端打开，运行下面命令： npm i 或者运行 npm install 上面那个命令就是下面这个的缩写，这个指令会根据你项目的配置文件中，dependencies这个配置下，所记录的依赖，来一一下载。 大概只要报错找不到依赖之类的，都可以试试这个方法。 ...
DWRUtil is not defined
weixin_33889245的博客
07-15 338
错误：DWRUtil is not defined; 解决方法： 先检查页面中是否正确引入uitl.js <script type="text/javascript" src="${pageContext.request.contextPath}dwr/util.js"></script> 我这里src用的是绝对路径，个人认为这样比较好； 如果正确引入了ut...
module is not defined的原因
weixin_35756690的博客
12-26 1万+
"module is not defined" 这个错误的原因通常是因为你在 JavaScript 代码中使用了 module 这个变量，但是没有在代码之前声明它。 在 JavaScript 中，module 不是一个内置的关键字，而是在使用某些模块加载器(如 CommonJS 和 AMD)时被定义的一个变量。如果你想在你的代码中使用 module 变量，那么你必须在使用之前声明它。 例如，你可以...
微信小程序-前端解密手机号
暗影之拳的博客
08-19 3811
微信小程序-前端解密手机号 前几天博主所开发的小程序用到了前端解密获取用户手机号的功能，网上这块的资料不是特别的详细，在此做一个记录。 使用场景 微信小程序用户登录获取手机号 第一步：下载cryptojs放在根目录utils下（点击下载cryptojs） 第二步：在utils文件夹下命名RdWXBizDataCrypt.js文件，并写入下面的内容 var Crypto = require('./cryptojs/cryptojs.js').Crypto; var app = getApp(); funct
小程序：Error: module ‘@babel/runtime/helpers/defineProperty.js‘ is not defined, require args is ‘../../
zhenghhgz的博客
07-08 2万+
今天正在开发商城项目，结果写完一段代码运行后没用效果。
微信开发者工具require用法
03-18
<think>好的，我现在需要帮助用户了解微信小程序开发者工具中require函数的使用方法。首先，我得回忆一下require在JavaScript中的基本用法，以及在小程序中的特殊注意事项。 记得require是用来引入其他模块的函数，小程序里模块化开发很重要。但小程序和普通Web环境可能有些不同，比如路径和模块作用域。用户提到的引用[3]指出本地图片路径的问题，这可能和模块路径处理有关联，需要注意。 首先，我应该解释require的基本语法，说明它如何引入其他JS文件或npm包。然后需要强调路径的问题，比如相对路径的正确写法，避免常见的路径错误。接着，模块作用域，每个JS文件独立，避免全局变量污染。 然后，示例部分很重要。用户可能需要一个简单的例子，比如模块导出和引入。比如创建一个utils.js，导出函数，再在app.js中用require引入。还要提到npm包的使用，比如使用lodash，需要先安装，再require，并且注意构建npm的步骤。 注意事项方面，路径问题、模块类型限制（比如不能引入非JS文件）、作用域问题都需要提到。特别是引用[3]中提到本地图片不能用require，这可能和模块系统限制有关，需要指出。 最后，生成相关问题，帮助用户进一步学习。比如模块化开发的好处、路径错误处理、npm包使用注意事项，以及和本地资源引用的区别，结合引用[3]的内容。 需要确保回答结构清晰，分点说明，示例代码用正确格式，并且正确引用相关的站内引用，特别是引用[3]关于本地路径的问题。同时，避免使用任何markdown格式，但按照用户的要求，在回答中使用中文，LaTeX公式正确，行内公式用$...$，独立公式用$$...$$，但这个问题可能不涉及数学公式，所以可能不需要。 检查是否有遗漏点，比如循环引用的风险，或者小程序对模块大小的限制，这些可能也是用户关心的问题，但如果没有相关资料，可能暂时不提。确保信息准确，特别是关于require的使用，参考官方文档，避免错误。 总结回答的结构：概述、基本用法、路径注意事项、模块作用域、示例（普通模块和npm包）、注意事项、相关问题。这样用户能一步步理解require的使用方法。</think>### 微信小程序开发者工具中 `require` 函数使用说明 #### 1. `require` 的基本功能 `require` 是 JavaScript 中用于引入其他模块的函数，微信小程序的模块化开发也基于此实现。通过 `require`，可以引入以下内容： - **本地 JavaScript 文件**：如工具类、配置模块等。 - **npm 包**：需通过小程序开发者工具构建后才能使用[^2]。 #### 2. 基本语法 ```javascript const module = require(path); ``` - `path`：支持相对路径（如 `./utils/util.js`）或 npm 包名称（如 `lodash`）。 #### 3. 路径规则 - **相对路径**：以 `./` 或 `../` 开头，例如： ```javascript const utils = require('../../utils/util.js'); // 引入上级目录的模块 ``` - **绝对路径**：小程序根目录（`app.js` 所在目录）为起点，例如： ```javascript const config = require('/config/index.js'); // 引入根目录下的 config 模块 ``` - **npm 包**：需先在项目目录执行 `npm install`，并在开发者工具中点击 **工具 > 构建 npm**，例如： ```javascript const _ = require('lodash'); // 引入已安装的 lodash 库 ``` #### 4. 模块作用域 每个 JavaScript 文件默认是独立模块，模块内定义的变量和函数**不会污染全局作用域**。需通过 `module.exports` 或 `exports` 导出： ```javascript // utils.js function formatTime(time) { return time.toLocaleString(); } module.exports = { formatTime }; // app.js const utils = require('./utils/utils.js'); utils.formatTime(new Date()); ``` #### 5. 示例代码 **场景 1：引入工具模块** ```javascript // utils/request.js function httpRequest(url) { return new Promise((resolve, reject) => { wx.request({ url, success: resolve, fail: reject }); }); } module.exports = { httpRequest }; // pages/index/index.js const { httpRequest } = require('../../utils/request.js'); httpRequest('https://api.example.com/data').then(console.log); ``` **场景 2：引入 npm 包** 1. 安装包： ```bash npm install lodash ``` 2. 构建 npm（开发者工具中操作）。 3. 使用： ```javascript const _ = require('lodash'); _.chunk([1, 2, 3], 2); // 输出 [[1,2], [3]] ``` #### 6. 注意事项 - **路径错误**：若路径指向不存在的文件，会触发 `Error: module "xxx" is not defined`。 - **模块类型限制**：`require` 仅支持引入 `.js` 文件，其他类型（如 `.json`）需使用特定 API（如 `require('./data.json')` 需确保文件存在）[^3]。 - **循环引用风险**：避免模块 A 引用模块 B，而模块 B 又反向引用模块 A。 - **作用域隔离**：模块内变量不会与其他模块冲突，但全局变量（如 `wx`）仍可访问。 #### 7. 常见问题 **Q：为何 `require` 图片路径时报错？** A：小程序的 `background-image` 等属性**不支持通过 `require` 引入本地图片**，需使用网络 URL 或 Base64 编码[^3]。例如： ```css /* 错误示例 */ .bg { background-image: url(require('../../images/bg.png')); } /* 正确方法 */ .bg { background-image: url('https://example.com/bg.png'); } ```
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

风景再美，既已路过

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

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

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

打赏作者

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

抵扣说明：

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

余额充值