在开发扫码小程序中,遇到胡坑“require() 默认不支持绝对路径”及其解决方案

在开发扫码小程序中,遇到胡坑"​​require() 默认不支持绝对路径"及其解决方案。

在微信小程序中,​require()默认不支持绝对路径​ ​(如/utils/store.js@/utils/store.js),只能使用相对路径(如../../utils/store.js)。

使用 resolveAlias 配置项用来自定义模块路径的映射规则。

配置了之后,会对 require 里的模块路径进行规则匹配并映射成配置的路径。

如果命中多条映射规则,则取最长的命中规则。

perl 复制代码
{
  "resolveAlias": {
    "~/*": "/*",
    "~/origin/*": "origin/*",
    "@utils/*": "utils/*",
    "subBUtils/*": "subpackageB/utils/*"
  }
}

注意

1、resolveAlias 进行的是路径匹配,其中的 key 和 value 须以 /* 结尾。

配置了上述路径映射规则,会做如下匹配并转换

  • ~/mod.js -> mod.js
  • ~/origin/mod.js -> origin/mod.js
  • @utils/mod.js -> utils/mod.js
  • subBUtils/mod.js -> subpackageB/utils/mod.js

2、如果在 project.config.json 中指定了 miniprogramRoot,则 /* 指代的根目录是 miniprogramRoot 对应的路径,而不是开发者工具项目的根目录。

然后使用别名引用:

ini 复制代码
const store = require('@utils/store.js'); // 等效于绝对路径

注意​ ​:此功能需要基础库版本 ​​2.12.0+​ ​,且仅支持require,不支持import

相关推荐
朝阳3915 分钟前
浏览器【详解】requestIdleCallback(浏览器空闲时执行)
前端·浏览器
典学长编程23 分钟前
前端开发(HTML,CSS,VUE,JS)从入门到精通!第二天(CSS)
前端·javascript·css·html
丘山子40 分钟前
DNS 原理入门
前端·后端·面试
Kyle19941 小时前
RollCode:高效低代码开发新体验
前端
这是个栗子1 小时前
【Node.js安装注意事项】-安装路径不能有空格
前端·npm·node.js
源力祁老师1 小时前
外部系统获取Odoo数据最便捷的方式
开发语言·前端·javascript
用户9714171814271 小时前
picker-view选中框不居中
前端
YGY_Webgis糕手之路1 小时前
Cesium 快速入门(十) JulianDate(儒略日期)详解
前端·gis·cesium
燕山石头2 小时前
解决 IntelliJ IDEA Build时 Lombok 不生效问题
java·前端·intellij-idea