Webpack: Module parse failed: Unexpected token (341:14)

[leonardlin]

I'm tried to use the module with my vuejs project.

I get the error below:

./node_modules/vue-pivottable/src/PivottableUi.js
Module parse failed: Unexpected token (341:14)
You may need an appropriate loader to handle this file type.
| 	  : h(Pivottable, {
|             props: {
|               ...props,
|               tableMaxWidth: this.tableMaxWidth
|             }
 @ ./node_modules/vue-pivottable/src/index.js 2:0-44
 @ ./src/main.ts
 @ multi (webpack)-dev-server/client?http://0.0.0.0:8081 webpack/hot/dev-server ./src/main.ts

this is my loader?

{
        test: /\.js$/,
        use: utils.scriptLoaders(scriptLoadersOptions).js,
        include: [resolve('src'), resolve('test')]
},

[leonardlin]

I'm not an export with modules and webpack etc.

but from what I read a module should include a transpiled version.

It seems that this module (downloaded via npm) still needs to be transpiled.

I did this to my loader

      {
        test: /\.js$/,
        use: utils.scriptLoaders(scriptLoadersOptions).js,
        include: [resolve('src'), resolve('test'), resolve('node_modules/vue-pivottable')]
      },

it compiles and loads now

[siscovisac]

I have the same problem as you. In which part of your component do you add the code you mention. I've been looking for a solution for weeks, I appreciate your answer.

 {
        test: /\.js$/,
        use: utils.scriptLoaders(scriptLoadersOptions).js,
        include: [resolve('src'), resolve('test'), resolve('node_modules/vue-pivottable')]
},

?

[cbbdev]

Hello, Not sure if this issue was addressed at some point but while trying to use this library we run into errors when compiling. As it turns out not all Babel can compile the "spread" operator since is not yet part of the spec. We tried multiple Babel extensions, settings and plugins but none worked as expected the since it can all depend on the version of Babel, npm, node, framework, etc... and makes it even more complex for trial and error/debugging. We ended up forking this repo and replacing all the instances where the spread is used (with Object.assing) and that did the work (no need of any Babel plugins). It may be better this way up until some JS features are fully supported. Here is fork if anyone want to use it. https://github.com/carrollbradford/vue-pivottable