Webpack: Module parse failed. Unexpected token.

[matfish2]

Webpack: Module parse failed. Unexpected token.

[matfish2]

Please read the docs. You need to use the jsx-transform

[bibiseb]

As I said I followed all the instructions to setup the dependencies including babel-plugin-transform-vue-jsx and its own dependencies + the .babelrc conf...

[matfish2]

This is a question for the developer of babel-plugin-transform-vue-jsx

[matfish2]

Issue reference: vuejs/babel-plugin-transform-vue-jsx#25

[matfish2]

I have managed to compile and run using webpack with the following config:

loaders: [{ test: /\.jsx?$/, loader: 'babel' }]

The regex targets both js and jsx files

.babelrc:

{
  "presets": ["es2015"],
  "plugins": ["transform-vue-jsx"]
}

[sineld]

I am having the same issue:

[14:01:22] Starting 'webpack'...
{ [Error: ./~/vue-tables-2/lib/template.jsx
Module parse failed: /Users/sineld/Code/v3.yenibayi/node_modules/vue-tables-2/lib/template.jsx Unexpected token (15:7)
You may need an appropriate loader to handle this file type.
| var perPage = require('./template/per-page.jsx')(h, this);
|
| return <div class={"VueTables VueTables--" + this.source}>
|   <div class="row">
|     <div class="col-md-6">
 @ ./~/vue-tables-2/lib/v-server-table.js 6:15-40
 @ ./~/vue-tables-2/index.js
 @ ./resources/assets/js/webpack.js./~/vue-pagination-2/src/template.jsx
Module parse failed: /Users/sineld/Code/v3.yenibayi/node_modules/vue-pagination-2/src/template.jsx Unexpected token (8:8)
You may need an appropriate loader to handle this file type.
|   this.pages.map(function(page) {
|       items.push(
|         <li class="VuePagination__pagination-item"
|         class={this.activeClass(page)}>
|         <a href="javascript:void(0);"

[matfish2]

Read @eirabben comment on the above referenced issue