react-native - 在 React native Expo 中使用别名作为文件路径
问题描述
当我使用该alias
路径时,我不断发现找不到该文件。
错误之一的示例:
无法解析文件 D:\Work\heatable-installer-app\heatable-installer-hub\screens\JobsScreen.tsx 中的“screens/JobsScreen/JobsListScreen”。
进口:
import JobsListScreen from '~/screens/JobsScreen/JobsListScreen';
babel.config.js
module.exports = function(api) {
api.cache(true);
return {
presets: ['babel-preset-expo'],
"plugins": [
[
"module-resolver",
{
"root": "/",
"alias": {
"~/images": "./assets/images",
"~/fonts": "./assets/fonts",
"~/navigation": "./navigation",
"~/hooks": "./hooks",
"~/screens": "screens/*",
"~/components": "components"
}
}
]
]
};
};
tsconfig.json
{
"extends": "expo/tsconfig.base",
"compilerOptions": {
"strict": true,
"baseUrl": "/",
"paths": {
"~/images": ["./assets/images/*"],
"~/fonts": ["./assets/fonts/*"],
"~/navigation": ["./navigation/*"],
"~/hooks": ["./hooks/*"],
"~/screens": ["./screens/*"],
"~/components": ["./components/*"]
},
},
}
解决方案
推荐阅读
- javascript - setInterval 在函数中使用时不起作用
- javascript - 如何让这个在类函数中不为空?
- vuejs2 - 无法让数据绑定与 vue 一起正常工作
- java - JavaFX 对 BackgroundImage 应用效果
- javascript - window.location.assign(url) 与 window.location = url?
- visual-studio-code - 使用 Visual Studio Code 进行调试
- java - 与spring boot docker容器的服务间resttemplate通信问题
- python - 在 Opencv 中将图像与深度图对齐
- android - 在 ARCore Android 应用程序中手动更新布局视图对象
- python - 在使用 Python 中的 OpenCV 保留血管信息的同时,需要帮助去除用于血管提取的椒盐噪声