How can I solve the Module parse failed: Unexpected token (11:9) react-router-native

iamafasha Published at Dev

iamafasha

I installed react-native-router using yarn and just on importing NativeRouter

This is how I import from react-router-native import { NativeRouter, Route, Link } from "react-router-native";

This is the error I get

D:/WORKSHOP/Tunga/music-app/node_modules/react-router-native/NativeRouter.js 11:9
Module parse failed: Unexpected token (11:9)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|  */
| function NativeRouter(props) {
>   return <MemoryRouter {...props} />;
| }
|

Kyrill

Had the same error. Fixed by adding:

"web": {
  "build": {
    "babel": {
      "include": ["react-router-native"]
    }
  }
}

to app.json

From: source

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2020-12-14

Comments

0 comments

From Dev

Module parse failed: Unexpected token (11:19)

From Dev

How to fix Module parse failed: Unexpected token?

From Dev

Module parse failed: Unexpected token (9:37) with babel-loader

From Dev

Module parse failed: Unexpected token. react-native/index.js "typeof" operator

From Dev

Module parse failed: Unexpected token

From Dev

Module parse failed: Unexpected token on React Component Render

From Dev

webpack tsx Module parse failed: Unexpected token

From Dev

Module parse failed: Unexpected token ionic 3

From Dev

Module parse failed: Unexpected token (7855:112)

From Dev

Webpack failed to parse TypeScript module: Unexpected token

From Dev

Vue Module parse failed: Unexpected token

From Dev

React Module parse failed: Unexpected character '@'

From Dev

react-router-redux: Module build failed: SyntaxError: Unexpected token ...reducers

From Dev

Module parse failed: Unexpected token (6:16) when building react with webpack

From Javascript

React - Module parse failed: Unexpected Token. You may need an appropriate loader to handle this file type

From Dev

React JS: ERROR in index.css 1:0 (Module parse failed: Unexpected token (1:0))

From Dev

Webpack 4 basic React js hello world fails with "Module parse failed: Unexpected token"

From Dev

React / Webpack - "Module parse failed: Unexpected token - You may need an appropriate loader to handle this file type."

From Dev

React and Webpack Module parse failed: /testimonials.js Unexpected token (6:4)

From Dev

Vue-Router error: "Module build failed: SyntaxError: Unexpected token"

From Dev

How to solve unexpected token (<) error in React?

From Dev

Module parse failed: Unexpected token when using webpack 5

From Dev

Webpack error after upgrading Node: "Module parse failed: Unexpected token"

From Dev

Module parse failed: Unexpected token using webpack-dev-server

From Dev

Module Parse Failed: Unexpected token in Webpack Typescript Loader

From Dev

Module parse failed: Unexpected token (14:6) while heroku deployment

From Dev

CSS Module parse failed: Unexpected token Angular 14?

From Dev

Module build failed: SyntaxError: Unexpected token (11:16)

From Dev

ReactJS - Module build failed: SyntaxError: Unexpected token react components not rendering

Related Related

Article