时间戳

首页 > 解决方案 > React Native 57.1 和 Metro Bundler

javascript - React Native 57.1 和 Metro Bundler

问题描述

我很难找到有关此的信息，因为基本上无法通过复制和粘贴捆绑项目时获得的输出来搜索这些信息。但我最近更新到最新版本的 React Native，57.1，在使用了 40 年代的低版本之后。下面是我的依赖项，然后是我的捆绑器显示的奇怪输出和偶尔出现的错误。

      "dependencies": {
"@babel/runtime": "^7.1.2",
"react": "16.5.0",
"react-native": "0.57.1",
"react-navigation": "^2.17.0",
"react-redux": "^5.0.7",
"redux": "^4.0.0"
},
      "devDependencies": {
"babel-jest": "23.6.0",
"jest": "23.6.0",
"metro-react-native-babel-preset": "0.47.0",
"react-test-renderer": "16.5.0"
},

我对 Metro bundler 的以下输出的实际含义一无所知。我试过用谷歌搜索我得到的不同回复。在更新到 57.1 之前，我的捆绑器输出非常干净，只需说明“100% 捆绑包”和“100% DELTA”。这个新的“::ffff:127.0.0.1”输出正常还是有问题？

    ::ffff:127.0.0.1 - - [01/Oct/2018:04:05:43 +0000] "GET /launch-js- devtools HTTP/1.1" 200 - "-" "okhttp/3.10.0" 
    DELTA  [android, dev] ../../index.js ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ 100.0% (684/684), done.

    ::1 - - [01/Oct/2018:04:05:45 +0000] "GET /index.delta?platform=android&dev=true&minify=false&deltaBundleId=3f059a53606f9304 HTTP/1.1" 200 - "http://localhost:8081/debugger-ui/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36"
     MAP  [android, dev] ../../index.js ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ 100.0% (684/684), done.

    ::1 - - [01/Oct/2018:04:05:47 +0000] "GET /index.map?platform=android&dev=true&minify=false&deltaBundleId=3f059a53606f9304 HTTP/1.1" 200 - "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36"

有时这不是问题，但它给了我一些奇怪的场景，我的代码中有错误，但无论如何它会加载 100%，或者它会加载 Delta 两次，一次失败，一次获得 100%。以下是 Delta 同时失败和成功的示例：

    ::1 - - [01/Oct/2018:03:28:55 +0000] "GET /index.map?platform=android&dev=true&minify=false&deltaBundleId=368588d58201b180 HTTP/1.1" 200 - "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36" ::ffff:127.0.0.1 - - [01/Oct/2018:03:30:02 +0000] "GET /launch-js-devtools HTTP/1.1" 200 - "-" "okhttp/3.10.0" 
    DELTA  [android, dev] ../../index.js ░░░░░░░░░░░░░░░░ 0.0% (0/1)::1 
    - - [01/Oct/2018:03:30:03 +0000] "GET /index.delta?platform=android&dev=true&minify=false&deltaBundleId=7af603fc71db260a HTTP/1.1" 200 - "http://localhost:8081/debugger-ui/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36"
    DELTA  [android, dev] ../../index.js ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ 100.0% (1/1), done.

如果需要，我很乐意提供更多信息，但我真的很难找到任何相关的问题和线程。

先感谢您。

标签： javascriptreact-nativebundlereact-native-androidreact-native-ios

解决方案

前段时间我也遇到了最新版本的 react-native 问题，不记得具体是什么，但解决我的问题的是使用版本 0.55.4。

我不是专家，但我认为你应该试一试。:)

推荐阅读