Modul Build fehlgeschlagen: Syntaxerror: unerwartetes Token mit babel-plugin-Transformations-vue-jsx

Question

UPDATE: vue-tables-2 wird nun bedient vorkompilierte, so werden keine Lader benötigt. Für die Templates-Option wird empfohlen, Scoped-Slots zu verwenden, die auch keine speziellen Einstellungen benötigen.

Ich versuche, zu Vue 2 zu migrieren und dafür muss ich die vue-tables-2-Komponente verwenden. Ich benutze Laravel Elixir mit Webpack, um meine Vue-Projekte zu kompilieren. Ich folgte den Anweisungen und installierte babel-plugin-transform-vue-jsx und seine Abhängigkeiten und erstellte die .babelrc auf der gleichen Ebene wie das Hauptskript. Die folgenden Fehler werden angezeigt:

Fehler: ./~/vue-tables-2/lib/template.jsx Module build fehlgeschlagen: Syntax: unerwartetes Token (15: 7)

das entsprechende Zeichen ist <

Kleine Präzision, habe ich diese Zeile in der webpack Konfiguration:

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

haben Sie einen Rat?

Dank

Answer 1

das gleiche Problem konfrontiert, nur auf webpack Konfiguration setzen gulpfile.js

elixir((mix) => { 
    Elixir.webpack.mergeConfig({ 
     module: { 
      loaders: [{ 
       test: /\.jsx?$/, 
       loader: 'babel', 
       exclude: /node_modules(?!\/(vue-tables-2|vue-pagination-2))/ 
      }] 
     } 
    }); 

    mix.sass('app.scss') 
     .webpack('app.js'); 
});