【问题标题】:React Native 57.1 and Metro BundlerReact Native 57.1 和 Metro Bundler
【发布时间】:2018-10-02 05:02:50
【问题描述】:

我很难找到有关这方面的信息,因为基本上无法通过复制和粘贴捆绑项目时获得的输出来搜索这些信息。但是我最近更新到最新版本的 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.

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

提前谢谢你。

【问题讨论】:

    标签: javascript react-native bundle react-native-android react-native-ios


    【解决方案1】:

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

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

    【讨论】:

    • ahcorso,我认为这与 Babel 在最新版本的 React Native 上表现不佳有关。感谢您提供解决方案。我相信这会解决我在这里遇到的问题。不过,我很难在上面找到任何东西,这让我很困惑。
    猜你喜欢
    • 2019-01-30
    • 2021-02-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-15
    • 2020-01-07
    • 2022-12-18
    相关资源
    最近更新 更多