react-native - 如何在发布时使用带有 react-native+expo 的 Babel Module Resolver?
问题描述
这是我的 .babelrc 文件的最后一个版本:
{
"presets": ["babel-preset-expo"],
"env": {
"development": {
"plugins": ["transform-react-jsx-source"]
}
},
"plugins": [
["module-resolver", {
"root": ["./src"],
"alias": {
"$components": "./src/components",
"$screens": "./src/screens",
"$stores": "./src/stores",
"$utils": "./src/utils",
"$services": "./src/services",
"$assets": "./assets",
}
}]
]
}
我尝试更改许多内容,但 expo 不想发布应用程序并在发布期间在 Main.js 文件中遇到第一次导入时显示错误 500:
import stores from 'stores';
和错误:
500 - "{\"originModulePath\":\"/Users/jhirsch/Code/kliner/app-client/src/Main.js\",\"targetModuleName\":\"stores\",\"message\":\"Unable to resolve module `stores` from `/Users/jhirsch/Code/kliner/app-client/src/Main.js`: Module `stores` does not exist in the Haste module map\\n\\nThis might be related to https://github.com/facebook/react-native/issues/4968\\nTo resolve try the following:\\n 1. Clear watchman watches: `watchman watch-del-all`.\\n 2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.\\n 3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.\\n 4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.\",\"errors\":[{\"description\":\"Unable to resolve module `stores` from `/Users/jhirsch/Code/kliner/app-client/src/Main.js`: Module `stores` does not exist in the Haste module map\\n\\nThis might be related to https://github.com/facebook/react-native/issues/4968\\nTo resolve try the following:\\n 1. Clear watchman watches: `watchman watch-del-all`.\\n 2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.\\n 3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.\\n 4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.\"}],\"name\":\"Error\",\"stack\":\"Error: Unable to resolve module `stores` from `/Users/jhirsch/Code/kliner/app-client/src/Main.js`: Module `stores` does not exist in the Haste module map\\n\\nThis might be related to https://github.com/facebook/react-native/issues/4968\\nTo resolve try the following:\\n 1. Clear watchman watches: `watchman watch-del-all`.\\n 2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.\\n 3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.\\n 4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.\\n at ModuleResolver.resolveDependency (/Users/jhirsch/Code/kliner/app-client/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:209:1301)\\n at ResolutionRequest.resolveDependency (/Users/jhirsch/Code/kliner/app-client/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:83:16)\\n at DependencyGraph.resolveDependency (/Users/jhirsch/Code/kliner/app-client/node_modules/metro/src/node-haste/DependencyGraph.js:238:485)\\n at Object.resolve (/Users/jhirsch/Code/kliner/app-client/node_modules/metro/src/lib/transformHelpers.js:180:25)\\n at dependencies.map.result (/Users/jhirsch/Code/kliner/app-client/node_modules/metro/src/DeltaBundler/traverseDependencies.js:311:29)\\n at Array.map (<anonymous>)\\n at resolveDependencies (/Users/jhirsch/Code/kliner/app-client/node_modules/metro/src/DeltaBundler/traverseDependencies.js:307:16)\\n at /Users/jhirsch/Code/kliner/app-client/node_modules/metro/src/DeltaBundler/traverseDependencies.js:164:33\\n at Generator.next (<anonymous>)\\n at step (/Users/jhirsch/Code/kliner/app-client/node_modules/metro/src/DeltaBundler/traverseDependencies.js:266:307)\"}"
ERROR
15:45
Unable to resolve "stores" from "src/Main.js"
您有什么想法或替代方法可以用 expo 解决别名吗?这很奇怪,因为当我在本地模拟器上运行应用程序时它的功能。
解决方案
最后 .babelrc 以这种格式工作:
{
"presets": ["babel-preset-expo"],
"plugins": [
[
"module-resolver",
{
"root": ["./"],
"alias": {
"@components": "./src/components",
"@screens": "./src/screens",
"@stores": "./src/stores",
"@utils": "./src/utils",
"@services": "./src/services",
"@assets": "./assets",
"@constants": "./src/constants"
}
},
],
],
}
并在我导入时添加“@”:
import stores from '@stores';
推荐阅读
- wso2 - WSO2外部IdP注册:管理几个AttributeConsumingService
- java - 在 Intellij 中为当前项目运行 maven 任务
- php - [FPDF][FPDI] 如何修复pdf顶部和底部的垂直线
- javascript - jQuery 追加不在 DOM 和脚本运行两次
- spring - 在 Spring Batch 的 xml 头中写入统计信息
- c# - 为什么这个命令提示符脚本不在 C# 中运行?
- django - Django 人性化 intword 删除数字轮
- reactjs - 如何在反应路由器根目录中设置通配符
- javascript - 从 Chrome 扩展程序调用 API 时出现 422 错误“无法处理的实体”
- c++ - 在我的代码中,表达式必须有一个指向对象类型的指针是什么意思?