Reagieren Webpack „unerwartetes token“ genannt-Pfeil-Funktion

Habe ich reagieren fullstack Umgebung mit webpack-middleware. Ich habe einige es6-syntax in meinem code, aber ich bekomme Fehler beim Zustand ohne Konstruktor oder mit Namen Pfeil-Funktion. Ich zum Beispiel verwenden möchten, semantic-ui für reagieren Art Tabelle:
https://react.semantic-ui.com/collections/table#table-example-sortable
Und beim kompilieren bekomme ich diesen Fehler:
geben Sie eine Bild-Beschreibung hier

Dachte ich, es ist wegen der falschen webpack setup habe ich befestigt es unten.

const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  entry: './client/index.js',
  output: {
    path: '/',
    filename: 'bundle.js'
  },
  module: {
    rules: [
      {
        use: 'babel-loader',
        test: /\.js$/,
        exclude: /node_modules/
      }
    ]
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: 'client/index.html'
    })
  ]
};

.babelrc

{
  "presets": ["env", "react", "es2015"]
}



One Reply
  1. 8

    Versucht man, Klassen-Eigenschaften, die gegenwärtig in Phase 3 als Teil der Klasse Felder Vorschlag. Nutzen zu können, die Ihnen heute, haben Sie die Installation babel-plugin-transform-Klasse-Eigenschaften.

    npm install --save-dev babel-plugin-transform-class-properties

    Und fügen Sie es Ihrer plugins in .babelrc.

    {
      "presets": ["env", "react"],
      "plugins": ["transform-class-properties"]
    }

    Ich auch entfernt es2015 Vorgabe, da es als veraltet angesehen zugunsten der babel-preset-env, die alles enthält es2015 tut und mehr.

    • Diese sind nicht class-Felder, obwohl, Sie sind „fat arrow“-gestylt Methoden?
    • Sie sind Eigenschaften der Klasse, die Sie gerade geschehen, weisen Sie ein Pfeil-Funktion. Sie könnten genauso gut verwendet werden hideFixedMenu = true oder irgendetwas anderes an die Stelle true. Siehe auch die Beispiel babel-plugin-transform-class-properties.
    • Vielen Dank für diesen Hinweis, habe ich etwas neues gelernt heute.
    • Danke Euch allen für die schnelle Hilfe. Sie sind toll.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.