无法加载我的 React Native 项目的配置

Question

./gradlew clean command in the android directory has issues too. I've tried downgrading the npm version but no help. Any ideas?
Below is the log I get when I run npx react-native run-android :

 error Failed to load configuration of your project.
    Error: Cannot find module '...\node_modules\json-parse-better-errors\index.js'. Please verify that the package.json has a valid "main" entry
        at tryPackage (internal/modules/cjs/loader.js:320:19)
        at Function.Module._findPath (internal/modules/cjs/loader.js:533:18)
        at Function.Module._resolveFilename (internal/modules/cjs/loader.js:875:27)
        at Function.Module._load (internal/modules/cjs/loader.js:745:27)
        at Module.require (internal/modules/cjs/loader.js:961:19)
        at require (internal/modules/cjs/helpers.js:92:18)
        at Object.<anonymous> (D:\projects\Beauty\node_modules\parse-json\index.js:3:18)
        at Module._compile (internal/modules/cjs/loader.js:1072:14)
        at Object.Module._extensions..js (internal/modules/cjs/loader.js:1101:10)
        at Module.load (internal/modules/cjs/loader.js:937:32)

Environment:

OS: Windows 10
react native: 0.65.1
Node: 14.17.4
npm: 7.23.0

Answer 1

I got this in an nx monorepo only for a specific app (but not others). None of the above methods worked for me. Finally figured this -

TLDR;

1. This is not the actual error (you probably guessed this). This error message comes from node_modules/@react-native-community/cli/build/index.js OR node_modules/react-native/node_modules/@react-native-community/cli/build/index.js .

To be sure, you can run this in node_modules directory: find. -name '*.js' -print0 | xargs -0 grep "Failed to load configuration of your project" find. -name '*.js' -print0 | xargs -0 grep "Failed to load configuration of your project" find. -name '*.js' -print0 | xargs -0 grep "Failed to load configuration of your project" 2. Edit these files to print the underlying error.

  } catch (error) {
    /**
     * When there is no `package.json` found, the CLI will enter `detached` mode and a subset
     * of commands will be available. That's why we don't throw on such kind of error.
     */
    if (error.message.includes("We couldn't find a package.json")) {
      _cliTools().logger.debug(error.message);

      _cliTools().logger.debug('Failed to load configuration of your project. Only a subset of commands will be available.');
    } else {
      //---> ***** Print the underlying error!
      console.log('=============>', error);
      throw new (_cliTools().CLIError)('Failed to load configuration of your project.', error);
    }
  }

3. For me, this printed: =============> [CLIError: Node module directory for package react-native-animated-pagination-dots was not found]
4. All I had to do fix it was yarn add react-native-animated-pagination-dots . If only CLI had printed this underlying error, it would have saved me several hours: :-/

Longer explanation When upgrading my monorepo, I somehow landed in a situation where one of the packages got removed from my packages.json, presumably because yarn couldn't resolve it (in my case this package was react-native-animated-pagination-dots ). Then the app which had this dependency started getting this error, the other app didn't.

Answer 2

use this command installing the node module first
npm install --force

Then use npx react-native run-android

for running the project

Answer 3

Happened to me earlier today because of mixing between npm and yarn package managers, a simple npm install solved this. No need to include --force flag.

Answer 4

I'm not able to leave comments or upvotes yet. But wanted to register that the best solution for me was to follow what paneer_tikka has said. I simply replicated that... tried again and got the real error message, telling me what was missing. It was just a matter of adding that and it worked.

https://stackoverflow.com/a/74655794/18455264[enter link description here][1]

I got this in an nx monorepo only for a specific app (but not others). None of the above methods worked for me. Finally figured this -

TLDR;

This is not the actual error (you probably guessed this). This error message comes from node_modules/@react-native-community/cli/build/index.js OR node_modules/react-native/node_modules/@react-native-community/cli/build/index.js. To be sure, you can run this in node_modules directory: find. -name '*.js' -print0 | xargs -0 grep "Failed to load configuration of your project" 2. Edit these files to print the underlying error.

} catch (error) { /** * When there is no package.json found, the CLI will enter detached mode and a subset * of commands will be available. That's why we don't throw on such kind of error. */ if (error.message.includes("We couldn't find a package.json")) { _cliTools().logger.debug(error.message);

  _cliTools().logger.debug('Failed to load configuration of your project. Only a subset of commands will be available.');
} else {
  //---> ***** Print the underlying error!
  console.log('=============>', error);
  throw new (_cliTools().CLIError)('Failed to load configuration of your project.', error);
}

}