Browserify, Babel 6, Gulp - jeton Inattendu sur la propagation de l'opérateur
J'essaie d'obtenir mon Browserify/Babelify/Gulp de travail dans mon projet, mais il ne prendra pas la propagation de l'opérateur.
J'ai eu cette erreur de ma gulpfile:
[SyntaxError: /Users/mboutin2/Desktop/Todo-tutorial/src/reducers/grocery-list-reducers.js: Unexpected token (16:8) while parsing file: /Users/mboutin2/Desktop/Todo-tutorial/src/reducers/grocery-list-reducers.js]
C'est mon gulpfile.js
var gulp = require('gulp');
var source = require('vinyl-source-stream');
var browserify = require('browserify');
var sourcemaps = require('gulp-sourcemaps');
var uglify = require('gulp-uglify');
var buffer = require('vinyl-buffer');
var babelify = require('babelify');
gulp.task('build', function () {
return browserify({entries: './src/client/app.js', extensions: ['.js'], debug: true})
.transform(babelify, {presets: ['es2015', 'react']})
.bundle()
.on('error', function (err) {
console.error(err);
this.emit('end');
})
.pipe(source('app.min.js'))
.pipe(buffer())
.pipe(sourcemaps.init({loadMaps: true}))
.pipe(uglify())
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('./public/js'));
});
gulp.task('default', ['build']);
J'ai essayé de créer un .babelrc fichier, mais faire la même chose. Et mon script fonctionne quand je supprime la propagation de l'opérateur.
C'est le fichier où se trouve le jeton Inattendu se produit (assez simple).
import utils from '../utils/consts';
const initialState = {
itemList: [
{name: 'Apple', type: 'Fruit'},
{name: 'Beef', type: 'Meat'}
]
};
export function groceryList(state = initialState, action = {}) {
switch(action.type) {
case utils.ACTIONS.ITEM_SUBMIT:
return {
...state,
itemList: [
...state.itemList,
{name: action.name, type: action.itemType}
]
};
default:
return state;
}
}
Je ne sais pas ce qui ne fonctionne pas dans cette, j'ai lu quelques questions sur Github et la page de configuration sur Babel site web, mais je ne peux pas le faire fonctionner correctement.
Quelqu'un peut me montrer comment gérer cela correctement? Merci
Vous devez vous connecter pour publier un commentaire.
Que la syntaxe est expérimental proposé syntaxe pour l'avenir, il ne fait pas partie de
es2015
oureact
de sorte que vous aurez besoin de l'activer.et ajouter
en
.babelrc
côtés de votrepresets
.Sinon:
et l'utilisation
stage-3
dans vos presets pour permettre à toutes les étapes-3 expérimentales fonctionnalité.npm install --save-dev babel-preset-stage-3
etpresets: ["stage-3"]
a fait pour moi.J'ai eu le même problème, installé au stade 2, plugin et modifié mon forfait.fichier json, qui ressemble à celui ci-dessous
Tout comme une note de côté, certains éditeurs de texte (dans mon cas, Mac Notes) sera contrat
...
dans un elepsis entité, qui sera la validation échoue, donc être conscient de ça aussi...