如何使用snack expo dev解析绝对路径?

问题描述 投票:0回答:1

我知道如何在本地使用 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';

enter image description here

enter image description here

react-native expo
1个回答
0
投票

也许可以尝试:

import {saveData, getData} from 'src/libraries/storage';

我删除了导入路径开头的

/

© www.soinside.com 2019 - 2024. All rights reserved.