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

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

    原文作者:tanpenggood
    原文地址: https://blog.csdn.net/AV_woaijava/article/details/109178484
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞