【微信小程序】微信小程序如何使用绝对路径引入资源?

避坑指南:微信小程序引入Vant和IconFont后,地图按钮点击与图片加载的那些坑 本文详细解析了微信小程序集成Vant组件库和IconFont时遇到的常见问题,包括地图页面按钮点击报错、图片加载失败等。提供了Vant版本匹配、IconFont路径处理、地图按钮特殊实现等实用解决方案,帮助开发者高效避坑,优化小程序性能与用户体验。 阅读详情

talk is cheap, show me the code.

model
	|- test.js
pages
	|- user
		|- user.js
app.js

经过几番尝试,我想在user.js中引入test.js中的数据,
最终得出结论:微信小程序中不能使用绝对路径引入资源,只能使用相对路径引入资源。

import方式引入

相对路径引入 正确

import {data} from '../../model/test.js'

绝对路径引入 报错

import {data} from '/model/test.js'

test.js

const data = 'hello world'
export {
  data
}

require方式引入

相对路径引入 正确

const {data} = require('../../model/test.js')

绝对路径引入 报错

const {data} = require('/model/test.js')

test.js

const data = 'hello world'
module.exports = {
  data
}

解决方案

App({
	require: ($uri) => require($uri),
})

Usage

user.js

const app = getApp()
const {data} = app.require('model/test.js')

Page({
	onLoad: function (options) {
		console.log('test', data)
	},
})

test.js

const data = 'hello world'
module.exports = {
  data
}

参考

segmentfault - 微信小程序 绝对路径 require

uniapp+Vue3+Vite 实现动态访问静态图片(含微信小程序端) 阅读详情

相关推荐

别再踩坑了!uni-app微信小程序图片引入的三种正确姿势(含image、background-image和预览)

本文详细解析了uni-app微信小程序中图片引入的三种正确方式,包括image标签、background-image和预览功能,并提供了实战验证的避坑技巧。特别针对真机与开发工具差异、路径解析规则和动态绑定限制等常见问题,给出了高效解决方案,帮助开发者提升开发效率和用户体验。

weixin_38168382的博客 420

微信小程序里的模块代码到底用import导入还是require导入

exports 或者 moudle.exports={}...没有什么区别,这是两种js模块化规范而已,如果你的小程序用到了。回调函数来异步获取指定模块。异步获取失败的时候,将会触发。需要引入其他分包的模块的时候,可以通过配置。编译,两种写法均可,如果没有,那就用。语句,这是nodejs原生支持的。

LlanyW的专栏 2360

Decoder如何工作、Transformer如何训练、以及exposure bias问题

1、结合图文描述Decoder中各个模块是什么,以及是如何工作的。2、transformer是如何训练的。3、exposure bias问题造成的原因及解决方法

m0_59113542的博客 3345

微信小程序:让 require支持绝对路径

略

sayyy的专栏 1876

版图学习汇总十一(DRC、LVS注意事项)

esd。

weixin_56071389的博客 2262

数据预处理的分箱操作

数据分箱 介绍 我们在建立模型前,一般需要对特征变量进行离散化,特征离散化后,模型会更稳定,降低模型过拟合的风险。尤其是采用 logsitic 建立评分卡模型时,必须对连续变量进行离散化。而特征离散化处理通常采用的就是分箱法,数据分箱(也称为离散分箱或分段)是一种数据预处理技术,用于减少次要观察误差的影响,提高泛化性。 数据分箱又分为有监督分箱和无监督分箱,是否使用标签进行离散化(分箱)决定了有监督还是无监督的离散化方法。 知识点 无监督分箱 split 分箱 merge 分箱 无监督分箱 这里为了

随笔记 5332

微信小程序配置绝对路径引入文件

微信小程序默认使用相对路径引入文件 在多层文件夹时需要很长前缀。在app.json里面配置。

欢迎来到我的博客!在这里,我将分享我在前端开发方面的知识和经验。让我们一起探索前端开发的无限可能! 3584

拥有AI助手便能解放双手?——抖音直播脚本的生成

科技改变生活,AI助手帮你完成抖音创作!

Scientist_的博客 2350

【小程序教程】微信小程序之request网络请求

小程序提供了很多api,极大的方便了开发者,其中网络请求api是wx.request(object),这是小程序与开发者的服务器实现数据交互的一个很重要的api。本文主要介绍了微信小程序使用request网络请求操作,结合实例形式分析了wx.request(object)网络请求操作的具体使用技巧,需要的朋友可以参考下,希望能帮助到大家。

3616

基于微信小程序的答题系统

学习视频:《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!5812)]《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

2401_83330193的博客 498

深信服aCloud虚拟存储VS3.0实战:从数据分片到仲裁机制的全流程解析

本文深度解析了深信服aCloud虚拟存储VS3.0的核心架构与生产级实践。从数据分片、条带化写入、多副本机制到智能缓存分层,详细阐述了其如何实现高性能与高可靠性的平衡。同时,深入剖析了动态均衡、平滑扩容以及故障恢复与仲裁机制,为运维人员和技术决策者提供了在超融合基础架构(HCI)中部署和管理虚拟存储的实战指南。

net55的博客 588

微信小程序 “require is not defined” require报错

微信小程序require报错,系开发者工具对无用依赖的判定问题,报错解决

weixin_51258065的博客 5709

FPGA开发者必看:手把手教你用Xilinx ERNIC IP实现RoCE v2网络加速(附PG332文档解读)

本文详细解析了Xilinx ERNIC IP在FPGA平台上实现RoCE v2网络加速的全流程,包括架构设计、Vivado工程配置、驱动开发与性能调优。通过PG332技术文档的实践指导,帮助开发者快速构建低延迟、高性能的网络加速方案,适用于数据中心和边缘计算场景。

weixin_29168813的博客 662

uniapp image引用本地图片不显示问题

在uniapp 开发过程中采用image引入本地资源图片。

qq_36158551的博客 1319

华为s110、s220、s310、s530、s620 配置ssh,配置web登录

在服务器端创建SSH用户。

送个祝福给小豪的博客 317

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的,已经排好版了,而且还是完整的,适合小白

uni静态资源引入及css图片图标引用规范

uni静态资源引入及css图片图标引用规范

qq_43628158的博客 2860

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

微信小程序开发引用静态资源图片报错解决

微信小程序、vant引用静态资源图片报错解决

yancy_peng的博客 2545

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

微信小程序使用icon font图标,任意改变颜色和大小

1. 在 assets/css文件夹下创建一个 iconfont.scss(也可以是 .css)文件,将 iconfont.css 中的内容复制到 iconfont.scss 中,并修改 @font-face 里字体文件的路径。1. 解压下载的文件,会得到多个文件,其中 iconfont.css、iconfont.woff、iconfont.woff2、iconfont.ttf 是我们需要的。其中的路径要重点修改,最好改成完整的路径引用,我的目录是/assets/css/补充:引用完成后重新运行项目。

kyna_k的博客 1553

别再踩坑了!uni-app微信小程序图片引入的3个隐藏规则与5个实战避坑点

本文深度解析uni-app微信小程序开发中图片处理的3个隐藏规则与5个实战避坑点,涵盖路径解析、背景图差异、性能优化等关键问题。特别针对`background-image`在真机环境的特殊表现提供解决方案,帮助开发者避免常见陷阱,提升开发效率和应用性能。

weixin_42571444的博客 155

探讨jsp相对路径和绝对路径

原文链接:http://blog.youkuaiyun.com/qq_37936542/article/details/79076768问题:当在jsp使用相对路径引入其他js文件的时候,通过浏览器访问该页面一切正常,但是通过服务器跳转到该页面,就会出现文件404的错误。解答:同样一个页面,客户端跳转与服务器跳转的相对路径是不一样的。服务器的跳转都是相对于http://loc...

weixin_30294709的博客 64

阿里 Symbol 图标的使用

阿里 Symbol 图标的使用步骤一:在 github 查询依赖 mini-program-iconfont-cli 包步骤二:进入 taro-iconfont-cli 库中,按照 github 中的步骤操作 图标的引用在项目开发中是一个不可避免的一个问题。然而并不是所有的项目都可以很顺利的引入图标库,例如在微信小程序开发中想要引入阿里图标库中的多色图标。而按照阿里图标库中给出的常规的引入流程就不能达到要求,总会报错。 在阿里图标库中只有 Symbol 类型的图标才支持多色 因此只有在项目中引入阿里 Sy

wangshan_api的博客 1394

小程序的支付和退款(证书相对路径和绝对路径)

前记 这里主要是记录一下最近小程序开发支付和退款功能,主要还是实践为主。本文没有涉及mch-id、mch-key和商户证书(用来退款)的申请和下载。相信你做小程序开发一定知道他们什么和怎么申请。 其实遇到最大的坑是微信退款的证书在相对路径的还是绝对路径下的问题,先描述一下这个坑,这个坑在下面解决。我们使用的是阿里的SAE部署,所以证书文件我是采用的相对路径存储 1.绝对路径:如果你不是容器化部署(不是使用docker镜像或者阿里的SAE),yml文件中key-path你就直接在服务器或者本地的绝对路.

痞子的博客 4768

微信小程序实现生成分享海报案例

微信小程序实现生成分享海报案例

韩旭不会敲代码吧的博客 5616

解决:微信小程序+Vant——使用van-grid以及van-card图片加载不出来的问题

每天多学一点~被毕设折磨疯了的我.....

是光の谢宣骞博客 2694
上一篇: 【算法系列】淘汰算法之FIFO
下一篇: 【Exception】com.mysql.jdbc.exceptions.jdbc4.CommunicationsException: Communications link failure
tanpenggood
博客等级 码龄9年 129粉丝 197原创
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值