我知道如何在本地使用 React Native 解析绝对路径,我的问题是使用零食。
我正在使用零食博览会开发者:https://snack.expo.dev/@danilobatistaqueiroz/water-tracker
如果我尝试使用绝对路径导入模块,则会收到错误,因为该路径具有重复的 src 文件夹:
Unable to resolve module://src/src/libraries/storage.js
//src/components/insights/insights.js
import {saveData, getData} from '/src/libraries/storage';
如何正确解析绝对路径?
看来我的 babel 配置不起作用:
//babel.config.js
module.exports = function(api) {
api.cache(true);
return {
presets: ['babel-preset-expo'],
plugins: [
[
"babel-plugin-root-import",
{
"rootPathPrefix": "@",
"rootPathSuffix": "src",
}
],
[
'module-resolver',
{
root: ["./"],
alias: {
assets: './assets',
components: './src/components',
libraries: './src/libraries'
},
},
],
],
};
};
我尝试使用下面的导入,但没有成功:
import {saveData, getData} from '@/libraries/storage';
import {saveData, getData} from 'libraries/storage';
也许可以尝试:
import {saveData, getData} from 'src/libraries/storage';
我删除了导入路径开头的
/
。