Gulp Browsync SourceMap Проблема - PullRequest
Новая
       31

Gulp Browsync SourceMap Проблема

0 голосов
/ 15 марта 2019

Я пытаюсь использовать Gulp для обновления моих файлов sass с помощью задачи browsersync, когда я сохраняю их в инструментах Chrome Dev, однако я получаю сообщение об ошибке, указывающее, что исходные файлы не сопоставлены.Вот посмотрите на ошибку, которая указывает на то, что источником является порт 3000, который использует порт по умолчанию для браузера.Порт 8181 - это то, что я использую для xampp.Помощь оценена

Ошибка карты источника 

    `   var gulp = require('gulp');
    var sourcemaps = require('gulp-sourcemaps');
    var sass = require('gulp-sass');
    var browserSync = require('browser-sync');
    var reload      = browserSync.reload;
    var connect = require('gulp-connect');
    var autoprefixer = require('gulp-autoprefixer'); // Autoprefixing magic.
    var $    = require('gulp-load-plugins')();


    gulp.task('browser-sync', function() {


        var files = [
          './css/styles.css',
          './**/*.php'
        ];


        browserSync.init(files, {
           proxy: "localhost:8181/appcomm2019/",
          notify: false,
        });


    });


    var sassPaths = [''];


    gulp.task('sass', function () {
     return gulp.src('scss/styles.scss')
      .pipe(sourcemaps.init())
      .pipe(sass().on('error', sass.logError))
          .pipe(autoprefixer({
                browsers: ['last 2 versions'],
                cascade: false
            }))
       .pipe(sourcemaps.write('.', {
                includeContent: false,
                sourceRoot: '../scss'
            }))
      .pipe(gulp.dest('css'))
      .pipe(reload({stream:true}));

    });




    gulp.task('default', ['sass', 'browser-sync'], function () {
        gulp.watch("scss/**/*.scss", ['sass']);
    });



`
...