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

最新推荐文章于 2024-09-27 20:00:36 发布

原创最新推荐文章于 2024-09-27 20:00:36 发布 · 5.5k 阅读

CC 4.0 BY-SA版权

本文为【tanpenggood】原创文章，允许转载，但转载必须注明出处并附带首发链接！

1 篇文章

订阅专栏

本文介绍在微信小程序中如何正确地从一个文件引入另一个文件的数据。文章详细解释了使用import和require方式引入资源的区别，并强调了只能使用相对路径而不能使用绝对路径。同时提供了一个通过自定义App对象解决绝对路径引入问题的方法。

talk is cheap, show me the code.

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

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

相对路径引入正确

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

绝对路径引入报错

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

test.js

const data = 'hello world'
export {
  data
}

相对路径引入正确

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),
})

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
}