Reactjs – How to resolve the error on ‘react-native start’

metro-bundlerreact-nativereact-native-androidreact-native-clireactjs

  1. I just installed node.js & cli

    • installed node.js

    • installed react-native-cli

      npm -g react-native-cli

  2. And created a 'new project'.

    react-native init new_project

  3. and inside that 'new_project' directory, I tired to see if metro bundler works well.

    react-native start

  4. But the command gave me following error and metro is not starting.
    Any clue for fixing this error?
    (I'm using windows 10 OS.)

    • command : C:\projects\new_proj>react-native start

      error Invalid regular expression:
      /(.\fixtures.|node_modules[]react[]dist[].|website\node_modules.|heapCapture\bundle.js|.\tests.)$/: Unterminated character class. Run CLI with –verbose flag for more details.
      SyntaxError: Invalid regular expression: /(.\fixtures.|node_modules[]react[]dist[].|website\node_modules.|heapCapture\bundle.js|.\tests.)$/: Unterminated character class
      at new RegExp ()
      at blacklist (D:\projects\new_proj\node_modules\metro-config\src\defaults\blacklist.js:34:10)
      at getBlacklistRE (D:\projects\new_proj\node_modules\react-native\node_modules@react-native-community\cli\build\tools\loadMetroConfig.js:69:59)
      at getDefaultConfig (D:\projects\new_proj\node_modules\react-native\node_modules@react-native-community\cli\build\tools\loadMetroConfig.js:85:20)
      at load (D:\projects\new_proj\node_modules\react-native\node_modules@react-native-community\cli\build\tools\loadMetroConfig.js:121:25)
      at Object.runServer [as func] (D:\projects\new_proj\node_modules\react-native\node_modules@react-native-community\cli\build\commands\server\runServer.js:82:58)
      at Command.handleAction (D:\projects\new_proj\node_modules\react-native\node_modules@react-native-community\cli\build\cliEntry.js:160:21)
      at Command.listener (D:\projects\new_proj\node_modules\commander\index.js:315:8)
      at Command.emit (events.js:210:5)
      at Command.parseArgs (D:\projects\new_proj\node_modules\commander\index.js:651:12)

Best Answer

I just got a similar error for the first time today. It appears in \node_modules\metro-config\src\defaults\blacklist.js, there is an invalid regular expression that needed changed. I changed the first expression under sharedBlacklist from:

var sharedBlacklist = [
  /node_modules[/\\]react[/\\]dist[/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

to:

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];
Related Topic