【问题标题】:File not found dependency error while running react native ios app运行反应本机ios应用程序时找不到文件依赖错误
【发布时间】:2017-10-04 15:39:12
【问题描述】:

所以我想使用 npm 安装一个依赖项 react-native-router-flux,但由于与 react 和 react-native 的兼容版本,它无法正常工作,它破坏了我的项目应用程序。所以我从package.json 文件中删除了它。

尝试通过以下方式删除它:

npm uninstall --save react-native-router-flux

甚至尝试从 package.json 文件中手动删除它,但由于某种原因,现在看来我的整个项目都因此而损坏。 现在每当我做npm start

这是在我的终端中显示的内容:

error: bundling: Error: ENOENT: no such file or directory, open '/Users/marian-mac/Documents/dev/example/myapp/node_modules/react-native-router-flux/node_modules/react-native/Libraries/Components/ActivityIndicator/ActivityIndicator.js'
    at Error (native)
    at Object.fs.openSync (fs.js:634:18)
    at Object.fs.readFileSync (fs.js:502:33)
    at Module._readSourceCode (/Users/marian-mac/Documents/dev/example/myapp/node_modules/react-native/packager/src/node-haste/Module.js:200:29)
    at Module._getCacheProps (/Users/marian-mac/Documents/dev/example/myapp/node_modules/react-native/packager/src/node-haste/Module.js:420:29)
    at Module._readFromTransformCache (/Users/marian-mac/Documents/dev/example/myapp/node_modules/react-native/packager/src/node-haste/Module.js:376:29)
    at Module.readCached (/Users/marian-mac/Documents/dev/example/myapp/node_modules/react-native/packager/src/node-haste/Module.js:363:25)
    at Promise.resolve.then (/Users/marian-mac/Documents/dev/example/myapp/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:167:29)
    at process._tickCallback (internal/process/next_tick.js:103:7)
Bundling `index.ios.js`  94.0% (2941/3033)

我尝试了 rm -rf /node_modules 100 次和 npm install 又 100 次,这一直失败和失败,我不明白在哪里试图访问该文件!如果它被删除!

这是我的 package.json 现在:

{
  "name": "myapp",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "moment": "^2.18.1",
    "native-base": "^2.1.3",
    "react": "16.0.0-alpha.6",
    "react-native": "0.44.0",
    "react-native-flags": "^1.0.0"
  },
  "devDependencies": {
    "babel-jest": "19.0.0",
    "babel-preset-react-native": "1.9.1",
    "jest": "19.0.2",
    "react-test-renderer": "16.0.0-alpha.6"
  },
  "jest": {
    "preset": "react-native"
  }
}

还会针对版本和其他内容抛出警告:

npm WARN native-base-shoutem-theme@0.1.3 requires a peer of react@>=15.1.0 but none was installed.
npm WARN @shoutem/animation@0.8.10 requires a peer of react@^15.0.0 but none was installed.
npm WARN react-static-container@1.0.1 requires a peer of react@^0.13.0 || ^0.14.0 || ^15.0.0 but none was installed.

这是针对本地基础依赖项引发的:

 UNMET PEER DEPENDENCY react@^0.13.0 || ^0.14.0 || ^15.0.0

谁能帮帮我?这让我发疯,现在已经为此“战斗”了几个小时,但我无法继续使用我的应用程序。

提前致谢。


编辑:

在为 react、react-native 和 native-base 更改了一些版本之后。仍然有警告,并且看起来打包程序正在尝试访问 react-native-route-flux 中的 react-native 文件。

1) 这是我当前的 package.json

{
  "name": "myapp",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "moment": "^2.18.1",
    "native-base": "^2.1.3",
    "react": "16.0.0-alpha.3",
    "react-native": "^0.43.0",
    "react-native-flags": "^1.0.0"
  },
  "devDependencies": {
    "babel-jest": "19.0.0",
    "babel-preset-react-native": "1.9.1",
    "jest": "19.0.2",
    "react-test-renderer": "16.0.0-alpha.6"
  },
  "jest": {
    "preset": "react-native"
  }
}

2) 这些是警告:

npm WARN react-native@0.43.4 requires a peer of react@16.0.0-alpha.6 but none was installed.
npm WARN native-base-shoutem-theme@0.1.3 requires a peer of react@>=15.1.0 but none was installed.
npm WARN @shoutem/animation@0.8.10 requires a peer of react@^15.0.0 but none was installed.
npm WARN react-static-container@1.0.1 requires a peer of react@^0.13.0 || ^0.14.0 || ^15.0.0 but none was installed.
npm WARN react-test-renderer@16.0.0-alpha.6 requires a peer of react@^16.0.0-alpha.6 but none was installed.

还会在原生基础上引发一些 UNMET PEER DEPENDENCY:

├─┬ native-base@2.1.3
│ ├─┬ @shoutem/animation@0.8.10
│ │ ├── hoist-non-react-statics@1.2.0
│ │ └── lodash@4.17.4
│ ├── blueimp-md5@2.7.0
│ ├── clamp@1.0.1
│ ├─┬ color@0.11.4
│ │ ├── clone@1.0.2
│ │ ├─┬ color-convert@1.9.0
│ │ │ └── color-name@1.1.2
│ │ └── color-string@0.3.0
│ ├─┬ fs-extra@2.1.2
│ │ └── jsonfile@2.4.0
│ ├── lodash@4.11.2
│ ├── native-base-shoutem-theme@0.1.3
│ ├── print-message@2.1.0
│ ├── UNMET PEER DEPENDENCY react@^15.0.0
│ ├── react-native-drawer@2.3.0
│ ├── react-native-easy-grid@0.1.7
│ ├── react-native-keyboard-aware-scroll-view@0.2.7
│ ├─┬ react-native-scrollable-tab-view@0.7.4
│ │ ├── UNMET PEER DEPENDENCY react@^0.13.0 || ^0.14.0 || ^15.0.0
│ │ └── react-static-container@1.0.1
│ ├── react-native-vector-icons@4.0.1
│ ├─┬ react-tween-state@0.1.5
│ │ └─┬ raf@3.3.2
│ │   └── performance-now@2.1.0
│ └── tween-functions@1.2.0
├─┬ UNMET PEER DEPENDENCY react@16.0.0-alpha.3

并且在控制台中运行时,从 XCode 中在模拟器中抛出红屏错误:

No Dimension set for key window

根据他的 github,看起来是 known issue。但是该死的,我不再想要 react-native-router-flux,我什至在我的 package.json 中都没有它,也没有安装它,仍然会造成麻烦,这种依赖是一种病毒。

【问题讨论】:

    标签: ios node.js reactjs react-native


    【解决方案1】:
    npm install react-native-reanimated 
    react-native-gesture-handler 
    react-native-screens 
    react-native-safe-area-context 
    @react-native-community/masked-view
    

    【讨论】:

      【解决方案2】:

      每当您遇到这种情况时,请冷静一下,想想在安装核心第三方时所有其他第三方都安装了什么。我在玩react-native-router-flux 时遇到了类似的问题,它的稳定版本是v3.38.0

      从上面的问题看来,@shoutem/animation@0.8.10react-static-container@1.0.1react-native-router-flux 库一起出现。而另一个包即native-basereact@>=15.1.0兼容

      所以我得出结论,从节点模块中删除 @shoutemreact-static-container。如果仍然存在错误,那么我该死的肯定错误是由于本地基础造成的。将native base 从项目中完全删除,然后等待native base 更新到最新版本的react

      尝试以上方法并分享进展,因为这也可以帮助其他人。

      注意 1:当您在安装软件包时看到警告时,请不要忽略这些警告,因为它们可能会破坏某些软件包的功能。

      使用npm install package-name@x.y 更新软件包,其中 x.y 是您要安装的版本号。

      注意2:安装包yarn是首选。

      以下是使用react-native-router-flux 更新或安装的依赖项:

      "dependencies": {
          "lodash.isequal": "^4.5.0",
          "react": "^15.4.2",
          "react-addons-pure-render-mixin": "^15.4.2",
          "react-dom": "^15.4.2",
          "react-native": "^0.41.2",
          "react-native-experimental-navigation": "0.26.x",
          "react-native-tabs": "^1.0.9",
          "react-static-container": "1.0.1"
        },
      

      如您所见,react-static-container 继承自 react-native-router-flux,其他错误是因为 native-base,请参阅以下由 native-base 提供的依赖项。

      "dependencies": {
          "@shoutem/animation": "^0.8.9",
          "native-base-shoutem-theme": "0.1.3",
          "blueimp-md5": "^2.5.0",
          "clamp": "^1.0.1",
          "color": "~0.11.1",
          "fs-extra": "^2.0.0",
          "lodash": "~4.11.1",
          "print-message": "^2.1.0",
          "react-native-easy-grid": "0.1.7",
          "react-native-keyboard-aware-scroll-view": "0.2.7",
          "react-native-scrollable-tab-view": "^0.7.1",
          "react-native-vector-icons": "~4.0.0",
          "react-tween-state": "^0.1.5",
          "tween-functions": "^1.0.1",
          "react-native-drawer": "^2.3.0"
        },
      

      干杯:)

      【讨论】:

      • 谢谢!!我会在几个小时内试一试,我只需要再睡一会儿,一直坚持到凌晨 3 点。再次感谢您抽出宝贵时间!我会让你更新。
      • 对其进行了测试,即使这些警告来自native-base,它也会不断向我抛出 react-native-router-flux 没有这样的文件或目录,我仍然无法弄清楚为什么,如果它被卸载,甚至没有在我的项目中使用它,为什么它试图获取该文件? :S 在我安装 react-native-router-flux 之前,我能够很好地使用包含 native-base 等的 package.json。这就是为什么我知道依赖搞砸了我的整个项目。
      • 有两个选项,要么删除 native-base,要么更改 react 版本。
      • 是的,太糟糕了,因为 native-base 有很多我正在使用的好组件。现在我的反应版本是“16.0.0-alpha.6”。您能否根据我想要使用的内容来帮助我,完全支持 react、react-native 和 native-base 组合而不会发出警告?我真的应该使用 react 15.0.0 吗?
      • 是的,它对我有用。在运行 react-native 命令和随后的 react 命令后调用 react-native upgrade。首先删除本地基础,然后执行所有这些步骤。
      猜你喜欢
      • 1970-01-01
      • 2015-06-15
      • 2021-08-30
      • 2016-02-01
      • 2022-01-13
      • 2018-11-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多