Search
Search

ons-navigator: Error: Module parse failed: Unexpected token (330:6)

Vlad Published at Dev
110
Vlad

How to fix this error? This error is occurs when using the Navigator component from 'react-onsenui' lib.

Error: Module parse failed: Unexpected token (330:6)
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
| 
|     return (
>       <ons-navigator { ...attrs } ref={(navi) => { this._navi = navi; }}>
|         {pages}
|       </ons-navigator>

Part of Webpack.config.js code:

module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        include: path.resolve(__dirname, 'src'),
        use: [{
          loader: 'babel-loader',
          options: {
            presets: ['react', 'env'],
            plugins: [
              'react-hot-loader/babel',
              'transform-class-properties',
              'transform-object-rest-spread'
            ]
          }
        }]
      }
...
Vlad

The reason for this error is incorrect import of Navigator component.
Wrong: import Navigator from "react-onsenui/src/components/Navigator";
Correct: import {Navigator} from 'react-onsenui';

The wrong import has been added after force auto-import by IDE.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

Module parse failed: Unexpected token

From Dev

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

From Dev

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

From Dev

How to fix Module parse failed: Unexpected token?

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

Module parse failed: Unexpected token (11:19)

From Dev

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

From Dev

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

From Dev

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

From Dev

Module parse failed: Unexpected token when using webpack 5

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 on React Component Render

From Dev

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

From Dev

CSS Module parse failed: Unexpected token Angular 14?

From Dev

Module parse failed: Unexpected character '@'. Getting this error for component with Angular 6 CLI

From Dev

ReactJS: Importing symlinked components error: Module parse failed: Unexpected token: You may need an appropriate loader to handle this file type

From Dev

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

From Dev

Webpack 4 error - Module parse failed: Unexpected character '@'

From Dev

electron-webpack-react error "Module parse failed: Unexpected character '@'"

From Dev

Module parse failed: Unexpected character '@'

From Dev

Webpack fails to parse typescript files. Module parse failed: Unexpected token

From Javascript

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

From Dev

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

From Dev

Module parse failed: Unexpected token (1:0) vue.js vuex store

Related Related

  1. 1

    Module parse failed: Unexpected token

  2. 2

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

  3. 3

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

  4. 4

    How to fix Module parse failed: Unexpected token?

  5. 5

    webpack tsx Module parse failed: Unexpected token

  6. 6

    Module parse failed: Unexpected token ionic 3

  7. 7

    Module parse failed: Unexpected token (7855:112)

  8. 8

    Webpack failed to parse TypeScript module: Unexpected token

  9. 9

    Vue Module parse failed: Unexpected token

  10. 10

    Module parse failed: Unexpected token (11:19)

  11. 11

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

  12. 12

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

  13. 13

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

  14. 14

    Module parse failed: Unexpected token when using webpack 5

  15. 15

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

  16. 16

    Module Parse Failed: Unexpected token in Webpack Typescript Loader

  17. 17

    Module parse failed: Unexpected token on React Component Render

  18. 18

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

  19. 19

    CSS Module parse failed: Unexpected token Angular 14?

  20. 20

    Module parse failed: Unexpected character '@'. Getting this error for component with Angular 6 CLI

  21. 21

    ReactJS: Importing symlinked components error: Module parse failed: Unexpected token: You may need an appropriate loader to handle this file type

  22. 22

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

  23. 23

    Webpack 4 error - Module parse failed: Unexpected character '@'

  24. 24

    electron-webpack-react error "Module parse failed: Unexpected character '@'"

  25. 25

    Module parse failed: Unexpected character '@'

  26. 26

    Webpack fails to parse typescript files. Module parse failed: Unexpected token

  27. 27

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

  28. 28

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

  29. 29

    Module parse failed: Unexpected token (1:0) vue.js vuex store

HotTag

Archive