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.

WebPack issue

See original GitHub issue

Want to try use react-native-web

I have some error like the following

ERROR in ./node_modules/react-native-material-ui/src/Dialog/DialogDefaultActions.react.js
Module parse failed: node_modules\react-native-material-ui\src\Dialog\DialogDefaultActions.react.js Unexpected token (48:12)
You may need an appropriate loader to handle this file type.
| 
|         return (
|             <View style={styles.defaultActionsContainer}>
|                 {actions.map(action =>
|                     <Button
 @ ./node_modules/react-native-material-ui/src/index.js 15:0-86
 @ ./node_modules/react-native-material-ui/index.js
 @ ./src/containers/App.js
 @ ./src/containers/Root.js
 @ ./index.web.js

Currently I use babel-loader and react-native as presets

Issue Analytics

State:
Created 6 years ago
Comments:8 (7 by maintainers)

Top GitHub Comments

3reactions

dalcibcommented, Aug 6, 2017

You need to add this path /node_modules[\\\/]react-native-*/ to your include field in the babel-loader config in webpack.

Take a look in this example https://github.com/dalcib/react-native-material-ui-web-app that use react-app-rewired to configure create-react-app to do that.

1reaction

dalcibcommented, Aug 7, 2017

Try npm i babel-plugin-transform-react-remove-prop-types