Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

icons error with custom webpack using on the web

See original GitHub issue

Getting errors ERROR in ./node_modules/react-native-vector-icons/dist/FontAwesome.js 1:0-55 Module not found: Error: Can’t resolve ‘core-js/modules/es6.object.define-property.js’ in ‘/home/box/dev/rn_web_webpack/node_modules/react-native-vector-icons/dist’

even though steps mentioned https://callstack.github.io/react-native-paper/using-on-the-web.html package.json file

{
  "name": "dev",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-native-vector-icons": "^8.1.0",
    "react-native-web": "^0.15.0"
  },
  "devDependencies": {
    "@babel/core": "^7.13.10",
    "@babel/plugin-proposal-class-properties": "^7.13.0",
    "@babel/plugin-proposal-object-rest-spread": "^7.13.8",
    "@babel/preset-env": "^7.13.10",
    "@babel/preset-flow": "^7.12.13",
    "@babel/preset-react": "^7.12.13",
    "@babel/preset-typescript": "^7.13.0",
    "babel-loader": "^8.2.2",
    "babel-plugin-react-native-web": "^0.15.0",
    "html-webpack-plugin": "^5.3.1",
    "prettier": "^2.2.1",
    "url-loader": "^4.1.1",
    "webpack": "^5.25.0",
    "webpack-cli": "^4.5.0",
    "webpack-dev-server": "^3.11.2"
  },
  "scripts": {
    "start": "webpack serve --config webpack.config.js",
    "build": "webpack --config webpack.config.js",
    "format": "prettier --write ."
  }
}

Issue Analytics

State:
Created 3 years ago
Comments:8

Top GitHub Comments

1reaction

learncodingforwebcommented, Mar 17, 2021

Was doing wrong webpack configuration Followed steps as per documentation mentioned https://callstack.github.io/react-native-paper/using-on-the-web.html working fine

0reactions

learncodingforwebcommented, Apr 19, 2021

checkout repo for reanimated for its config https://github.com/learncodingforweb/web_reanimated

Top Results From Across the Web

ٍError with custom webpack using on the web #2669 - GitHub

I have a react native project that support ios and android. it uses react-native-keychain, push-notification and ... . Now I want to add...

React Native Web error with react-native-vector-icons

In the webpack.config.js file paste the below code module: { { test: /\.ttf$/, loader: 'url-loader', // or directly file-loader include: ...

Resolve | webpack

When enabled, symlinked resources are resolved to their real path, not their symlinked location. Note that this may cause module resolution to fail...

Using on the Web · React Native Paper - Open Source

Custom webpack setup. To install webpack , run: yarn add --dev webpack webpack-cli webpack-dev-server. If you ...

How To Use Custom webpack Configurations with Angular ...

Learn how to create a custom webpack config inside an Angular project using CLI Builders. This example will reduce the file size of...