Modul Build fehlgeschlagen: Syntaxerror: Unexpected token 'in JSON an Position 0

Question

ich hier eine webpack config, ich versuche moment-timezone mit einer Antwort How should I use moment-timezone with webpack?, hinzuzufügen, die mir

var webpack = require('webpack'); 

module.exports = { 
    //devtool: 'inline-source-map', 
    entry: [ 
    'webpack-hot-middleware/client', 
    './client/main.js' 
    ], 
    output: { 
    path: require("path").resolve('./assets'), 
    filename: 'bundle.js', 
    publicPath: '/' 
    }, 
    plugins: [ 
    new webpack.HotModuleReplacementPlugin() 
    ], 
    externals: { 
     jquery: 'var jQuery' 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?$/, 
     loaders: ['json-loader', 'babel-loader?presets[]=react,presets[]=es2015,presets[]=react-hmre'], 
     exclude: /node_modules/ 
     } 
    ] 
    } 
}; 

Mein aktueller Versuch Webpack - Error: Cannot define 'query' and multiple loaders in loaders list geführt befindet sich über.

Answer 1

Sie sagen Webpack, Ihre JavaScript-Dateien an die json-loader zu übergeben. Da JavaScript-Dateien jedoch kein gültiges JSON-Objekt sind, erhalten Sie den Fehler, dass bereits ein unerwartetes Token beim ersten Zeichen vorhanden ist.

{ 
    test: /\.jsx?$/, 
    loaders: ['json-loader', 'babel-loader?presets[]=react,presets[]=es2015,presets[]=react-hmre'], 
    exclude: /node_modules/ 
} 

So müssen Sie die json-loader aus der .jsx? Konfiguration entfernen. Darüber hinaus ist json-loader in Webpack 2 nicht mehr erforderlich und JSON-Dateien sollten einfach aus der Box funktionieren.

können Sie aktualisieren die module Abschnitt:

module: { 
    rules: [ 
    { 
     test: /\.jsx?$/, 
     loader: 'babel-loader?presets[]=react,presets[]=es2015,presets[]=react-hmre', 
     exclude: /node_modules/ 
    } 
    ] 
} 

Aber nur für den Fall, sollte es nicht funktionieren, würden Sie haben die json-loader für Dateien in .json Endung hinzuzufügen:

{ 
    test: /\.json$/, 
    loader: 'json-loader' 
}