`console.log()` not working in latest `create-react-app` after installing web3uikit

[unclebay143]

How it happened/How to recreate the issue

• Create a new React app with npx create-react-app appName

• Install moralis SDK and Web3UIKit npm install moralis react-moralis web3uikit

  • Warning error displayed in the console

• Try to console.log a value

• Error displayed on the webpage

  

[BillyG83]

hi @unclebay143 thanks for trying the kit. This is a concern.

I see console-browserify in my package.lock but not in our dependancies which suggests to me that it is a problem with npm install

we highly recommend using yarn to install your dependencies.

Could you please consider:

• install yarn globally
• delete node modules from this project
• run yarn to install dependancies for this project
• run yarn start or yarn storybook whatever you use to start developing your app

and let me know if that works please? Oh and close issue this if it work please, TY!!

[unclebay143]

Hi @BillyG83

1. I just created a new project and installed the dependencies with yarn still throwing the same error.

2. I also created a new React app with yarn create react-app appName and installed dependencies with yarn and still throwing the same error.

[locothedev]

@unclebay143 I could not reproduce this error. Please share your package.json with me

[unclebay143]

Hi @locothedev, did your console.log work? (I'm on mac between if PC spec will help)

{
  "name": "web3ui-kit",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.16.4",
    "@testing-library/react": "^13.2.0",
    "@testing-library/user-event": "^13.5.0",
    "moralis": "^1.7.0",
    "react": "^18.1.0",
    "react-dom": "^18.1.0",
    "react-moralis": "^1.3.5",
    "react-scripts": "5.0.1",
    "web-vitals": "^2.1.4",
    "web3uikit": "^0.1.145"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

[aLIEzsss4]

I also have the same mistakes, haven't you solved it for 2 weeks?

[unclebay143]

I also have the same mistakes, haven't you solved it for 2 weeks?

No update yet

[BillyG83]

sorry @aLIEzsss4 and @unclebay143 our small team have been focused on our deadline to deliver the new FE of Moralis.

console-browserify is not a dependancy of the kit, so its one of CRA or a dependency of a dependency... basically we don't have the man power or the resources to fix these sort of issues that are not related to our code. So i have to say, sadly I will close this issue.

I really encourage you to dig deep into the problem and share the fix here if you find it as this is an open source repo that we have been working on mostly as a passion project. I hope you understand. TY for using the kit

[lantos1618]

sorry @aLIEzsss4 and @unclebay143 our small team have been focused on our deadline to deliver the new FE of Moralis.

console-browserify is not a dependancy of the kit, so its one of CRA or a dependency of a dependency... basically we don't have the man power or the resources to fix these sort of issues that are not related to our code. So i have to say, sadly I will close this issue.

I really encourage you to dig deep into the problem and share the fix here if you find it as this is an open source repo that we have been working on mostly as a passion project. I hope you understand. TY for using the kit

Hi BillyG83, thanks for your efforts on this project

I appreciate that there isn't resource to solve this issue but you you please leave/reopen this issue so that others who find this issue can start to tackle it.

Just so that others can find the issue on google. Error: node_modules/console-browserify/index.js which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project's node_modules/.