Gulp ошибка Unexpected character '@'

336
01 июля 2017, 13:17

При сборке .js (.jsx) файлов с помощью Gulp выдает ошибку. Испробовал уже все что можно, не могу найти причину. Проблема я так понимаю в импортах. Как это можно обойти?

Unexpected character '@'

файл index.js выглядит так

import React from "react"
import ReactDOM from "react-dom"
import { Provider } from "react-redux"
import i18n from 'i18n'
import {configureStore} from './redux/store'
import {ReduxRouter} from 'redux-router'
import * as DisplayActions from 'actions/DisplayActions'
require('./assets/css/styles.scss')
// require('./assets/assets/stylesheets/_styles.scss')
var store = configureStore()
ReactDOM.render(
    <Provider store={store}>
    <ReduxRouter />
    </Provider>, document.getElementById('root'))

файл styles.scss выглядит так

@import "themes/bootstrap_overrides.scss";
@import "themes/_bootstrap_variables.scss";
@import "themes/bootstrap";
@import "base/base.scss";
@import "base/source-sans-pro.css";
@import "state/state.scss";
@import "layout/layout";
@import "module/btns";
@import "module/carousel";

файл gulpfile.js выглядит так

var gulp = require("gulp"),
        babelify = require('babelify'),
        browserify = require("browserify"),
        connect = require("gulp-connect"),
        source = require("vinyl-source-stream"),
        gutil = require("gulp-util"),
        sassify = require('sassify');
        sourcemaps = require('gulp-sourcemaps'),
        sass  = require('gulp-sass');
        gulp.task("default",["build"]);

    gulp.task("build", function(){
        return browserify({
            entries: ["./app/index.js"],
        debug:true,
            extensions: [".js"],
        paths: ['./app','./app/zp-modules','./app/locale','./app/components','./app/redux']
        })
        .transform(babelify.configure({
            presets : ["es2015", "react", "stage-0"],
        plugins: ["transform-decorators-legacy"]
        }))
        .bundle()
        .on('error', err => {
        gutil.log("Browserify Error", gutil.colors.red(err.message))
      })
        .pipe(source("bundle.js"))
        .pipe(gulp.dest("./dist"))
        ;
    });
READ ALSO
fetchOffset is not defined

fetchOffset is not defined

Давно смотрю на эту вот ракету с необычным подъемом вверхНо, смущают некоторые ошибки в консоли, которые появляются при включении режима...

245
IE выполняет requestAnimationFrame после отрисовки, а не до

IE выполняет requestAnimationFrame после отрисовки, а не до

В IE11 и Edge div в сниппете после клика становится зелёным, хотя не должен

286
Как правильно вывести слэш через js?

Как правильно вывести слэш через js?

День добрый! Имеется код:

557