React Native Error Cannot find module 'metro-config/src/defaults/blacklist'

Question

I'm currently working on a project in React Native, yesterday it was working perfectly with no errors, and now all of a sudden I'm getting this error.

error Cannot find module 'metro-config/src/defaults/blacklist'
Require stack:
- /Users/sri/Downloads/cc_x/reactnativelcsapp/VitalitiApp/metro.config.js

I've tried soo many solutions, removing the node modules and installing it back, updating the modules, looking to change the backlist. I've checked my files and I can't find the blacklist file but I'm trying to fix it but honestly have no idea how to fix it. I was wondering if anyone would know what to do.

vinay sandesh · Accepted Answer · 2021-07-04 14:51:39Z

79

the blacklist file seems to be renamed as exclusionList

const blacklist = require('metro-config/src/defaults/exclusionList');

use this line instead in metro.config.js

answered Jul 4, 2021 at 14:51

vinay sandesh

1,00810 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sigex Over a year ago

More information can be found here. github.com/aws-amplify/amplify-cli/issues/3295

Codemaker2015 · Accepted Answer · 2022-01-13 14:26:48Z

4

In newer versions of metro-config the function is now called exclusionList. So change the blacklist reference with exclusionList in metro-config.js file which is located in the project root directory.

const exclusionList = require('metro-config/src/defaults/exclusionList');

If still issue persists, then add metro-config as a dev dependency:

npm install -D metro-config

answered Jan 13, 2022 at 14:26

Codemaker2015

16k9 gold badges118 silver badges93 bronze badges

Comments

Micah Katz · Accepted Answer · 2022-06-12 19:53:31Z

4

I had the same Issue as others. Changing it to

const exclusionList = require('metro-config/src/defaults/exclusionList');

Fixed my issue.

I had to create metro.config.js and insert the following code since I was using AWS Amplify:

const blacklist = require('metro-config/src/defaults/exclusionList');

module.exports = {
    resolver: {
        blacklistRE: blacklist([/amplify\/#current-cloud-backend\/.*/]),
    },
    transformer: {
        getTransformOptions: async () => ({
            transform: {
                experimentalImportSupport: false,
                inlineRequires: false,
            },
        }),
    },
};

answered Jun 12, 2022 at 19:53

Micah Katz

1906 bronze badges

Comments

Dani3le_ · Accepted Answer · 2022-05-24 19:32:05Z

0

I had the same error in myapp/node_modules/expo-yarn-workspaces/index.js From my require stack so I opened this file and found const blacklist = require('metro-config/src/defaults/blacklist'); into my app node modules.

So I changed it to

const blacklist = require('metro-config/src/defaults/exclusionList');

which fixed my problem

edited May 24, 2022 at 19:32

Dani3le_

1,5051 gold badge18 silver badges28 bronze badges

answered May 20, 2022 at 6:14

SQ59

11 bronze badge

Collectives™ on Stack Overflow

React Native Error Cannot find module 'metro-config/src/defaults/blacklist'

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related