main.jsbundle 不存在。这一定是 + echo 'react native 的错误

Question

我尝试在 XCode9.2 上使用 Product > Archive 归档我的 react native 项目。但是 Xcode 产生了这个错误：

File /Users/louis/Library/Developer/Xcode/DerivedData/Scavenger-evyvzocndqoghkclcbwewolywniz/Build/Products/Release-iphoneos/Scavenger.app/main.jsbundle does not exist. This must be a bug with


My Environment:
  OS: macOS Sierra 10.12.6
  Node: 9.3.0
  npm: 5.5.1
  Watchman: 4.7.0
  Xcode: Xcode 9.2 Build version 9C40b
  Android Studio: 3.0 AI-171.4443003

Packages: (wanted => installed)
  react: ^16.0.0 => 16.2.0
  react-native: ^0.50.3 => 0.50.4

我也尝试在终端上运行
react-native bundle --entry-file='index.ios.js' --bundle-output='./ios/Scavenger/main.jsbundle' --dev=false --platform='ios' --assets-dest='./ios'但最终出现错误正在加载依赖关系图... JSON 输入意外结束

XCode 错误。

Answer 1

在 AppDelegate.m 中注释此行

 jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil]; 

使用这一行：-

jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 

然后运行这个来制作 jsbundle:-

 react-native bundle --entry-file index.js --platform ios --dev false --bundle-output ios/main.jsbundle --assets-dest ios

在 xcode 中执行此命令后运行。 希望它会捆绑并且之后没有这样的错误...... 谢谢

Answer 2

我重写 shell 脚本后问题解决了。 项目 > 构建阶段 > 捆绑 React Native 代码和图像。脚本中有空格字符。

Answer 3

当您的项目中没有离线捆绑文件时会发生这种情况，我遇到了同样的问题，这对我有用。

我已经在我的 package.json 文件的 scripts 部分下添加了下面的行，所以我不必在每次想要生成离线包时都输入它。

"build:ios": "react-native bundle --entry-file='index.ios.js' --bundle-output='./ios/YourAppName/main.jsbundle' --dev=false --platform='ios' --assets-dest='./ios'"

然后在您的应用程序项目文件夹中运行此命令：

npm run build:ios

运行上述命令后，会在你的ios/YourAppName目录下生成新的main.jsbundle。

接下来，使用 XCode 打开您的项目，右键单击您的项目名称，然后单击 Add Files to "YourProjectName"，选择生成的 main.jsbundle 文件，然后再次构建。

现在它可能运行良好。

我正在使用：

 "react": "16.0.0-alpha.12",
 "react-native": "^0.48.3",

Answer 4

就我而言，从 RN 0.53.3 更新到 0.55.4 后，我在存档时收到此错误

/Users/<myuser>/Desktop/projects/<myProjectName>mobileapp/index.ios.js: Plugin 0 specified in "/Users/<myUserName>/Desktop/projects/<myProjectName>mobileapp/node_modules/babel-preset-react-native/index.js" provided an invalid property of "default" (While processing preset: "/Users/<myUserName>/Desktop/projects/<myProjectName>mobileapp/node_modules/babel-preset-react-native/index.js")

+ [[ false != true ]]
+ [[ ! -f /Users/<myUserName>/Library/Developer/Xcode/DerivedData/<myProjectName>Mobile-ghzbbftkebcwlvayfocqahvzifbe/Build/Intermediates.noindex/ArchiveIntermediates/<myProjectName>Mobile/BuildProductsPath/Release-iphoneos/<myProjectName>Mobile.app/main.jsbundle ]]
+ echo 'error: File /Users/<myUserName>/Library/Developer/Xcode/DerivedData/<myProjectName>Mobile-ghzbbftkebcwlvayfocqahvzifbe/Build/Intermediates.noindex/ArchiveIntermediates/<myProjectName>Mobile/BuildProductsPath/Release-iphoneos/<myProjectName>Mobile.app/main.jsbundle does not exist. This must be a bug with'
error: File /Users/<myUserName>/Library/Developer/Xcode/DerivedData/<myProjectName>Mobile-ghzbbftkebcwlvayfocqahvzifbe/Build/Intermediates.noindex/ArchiveIntermediates/<myProjectName>Mobile/BuildProductsPath/Release-iphoneos/<myProjectName>Mobile.app/main.jsbundle does not exist. This must be a bug with
+ echo 'React Native, please report it here: https://github.com/facebook/react-native/issues'
React Native, please report it here: https://github.com/facebook/react-native/issues
+ exit 2

解决此问题的一个重要问题是与 babel-preset-react-native

相关的错误上方的行

经过数小时尝试多种解决方法后，我找到了一个解决方案，将 babel-preset-react-native 从 ^5.0.2 降级到 ^4.0.0 以使存档过程正常工作。

Answer 5

这个问题需要我几天时间才能解决。在 travis-ci 上运行构建时遇到了这个问题。 这是我的解决方法：

将此行添加到您的 package.json 文件中的 scripts。

"build:ios": "react-native bundle --entry-file='index.js' --bundle-output='./ios/main.jsbundle' --dev=false --platform='ios'"

现在您可以运行命令生成main.jsbundle。 yarn build:ios 或 npm run build:ios

打开 Xcode > 选择项目目标 > 在 Build Phases 中将 main.jsbundle 添加到 Copy Bundle Resource。 （下图）。

Answer 6

在 Xcode 中清理项目对我有帮助

Answer 7

推荐使用最新的 Xcode 和 React Native 版本。 我的 React Native 版本：0.56 和 Xcode 10

第 1 步： 更改 AppDelegate.m 文件

    //  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
#ifdef DEBUG
  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
#else
  jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
#endif

第 2 步： 将 Xcode 构建配置更改为“发布”

转到产品>方案>编辑方案>将调试更改为发布

如果您使用的是 Xcode 10+，请在 File> ProjectWorkSpace Settings> Build System 下将 Build system 更改为 Legacy Build System

第 3 步： 将您的“babel-preset-react-native”升级到 5.0.1，如果您的 package.json 文件中不存在，请添加它.

删除 NodeModules 和 package.lock 文件并添加它（npm install 或 yarn install）。

第 4 步： 更改“.babelrc.js”文件

添加“presets: ["module:metro-react-native-babel-preset"]

第 5 步： 打开终端

打开终端并导航到您的项目目录运行此命令

"react-native bundle --entry-file index.js --platform ios --dev false --bundle-output ios/main.jsbundle --assets-dest ios/assets"

这将在 iOS 文件夹中生成一个“main.jsbundle”文件

第 6 步： 将“main.jsbundle”文件添加到 Xcode 中。

打开 Xcode 并导航到“复制捆绑资源”下的“构建阶段”添加“main.jsbundle”文件。

清理您的项目也清除您在 Xcode 中的派生数据。 这将以发布模式构建您的项目。

对于“存档”错误

将此依赖项添加到您的“pod 文件”中

pod 'React', :path => '../node_modules/react-native', :subspecs => [
    'CxxBridge'
  ]
pod 'yoga', :path => '../node_modules/react-native/ReactCommon/yoga'
pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'
pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'

删除 pod 和 pod.lock 并再次添加。 （吊舱安装）

快乐编码 :)

Answer 8

在我的情况下，它是由 javascript 代码引起的。 Metro Bundler（命令行）中显示的错误。检查 Metro Bundler，是否有错误。

Answer 9

这个命令对我有用。

react-native bundle --entry-file ./index.ios.js --platform ios --bundle-output ios/main.jsbundle

Answer 10

在我的情况下，这是由我的项目路径中的空格字符引起的：/users/USER/Projects/Project HousePlants/

捆绑包中Project Houseplants 中的空间无法处理，因此无法找到您的main.jsbundle

确保路径中没有空白字符，然后重试。

See this answer

Answer 11

您需要运行以下命令：

react-native bundle --entry-file ./index.js --platform ios --bundle-output ios/main.jsbundle

之后，带有静态包的应用程序将安装在真实设备上。但是由于静态文件的性质，每当我修改源代码时，我都需要再次运行该命令以反映更改。 （您可以在命令中看到下一个错误）

Answer 12

对于像我这样的人来说，这只是 JavaScript 代码中的错误指示。我在输入以下命令后发现是这种情况：npx react-native bundle --entry-file index.js --bundle-output "bundle.bundle"。 Android 用户需要像这样指定平台：npx react-native bundle --entry-file --platform "ios" index.js --bundle-output "bundle.bundle"。

捆绑失败并显示语法错误。任何在模拟器中打开违规代码的尝试也会显示错误。

Answer 13

如果您更新 xcode 并收到此错误，则解决方案是

在你的根项目的终端触发以下命令

 1. sudo xcode-select --reset

 2. npx react-native bundle --entry-file ./index.js --platform ios --bundle-output ios/main.jsbundle

在第二个命令中，如果您发现任何与 JS 相关的错误，请修复它 成功运行第二个命令后，此错误将消失

Answer 14

在我退出展会以添加应用内购买后，我遇到了这个问题。 我做了以下工作来让它工作

cd <your repo>
npx react-native bundle --entry-file ./index.js --dev false --reset-cache --platform ios --bundle-output ios/main.jsbundle --assets-dest ./ios

运行上述命令后，您必须将 main.jsbundle 和资产拖放到您的 Xcode 中，并通过引用而不是分组来链接它

Answer 15

如果配置文件的属性在运行时发生变化，请确保其中没有错误，如果属性设置不正确，则不会生成 main.bundlejs。

例如：

isSent:false, 
isShow:false

这两个属性是在运行时设置的，发现对于特定记录，isSent 和 isShow 没有设置

isSent:,
isShow:

在运行时并导致错误。

Answer 16

你可以运行：

react-native bundle --entry-file index.js --platform ios --dev false --bundle-output ios/main.jsbundle --assets-dest ios

Answer 17

PFB 我运行的命令，解决了问题。

1. npm 我
2. cd ios
3. pod 安装