VSCode Gulp Sass installation blows up when I haven't finished a line but hit save or it saves automatically when there's no ;(VScode Gulp Sass安装程序在我没有完成一行但按下保存或没有完成时自动保存时发生故障；)-6ren

VSCode Gulp Sass installation blows up when I haven't finished a line but hit save or it saves automatically when there's no ;(VScode Gulp Sass安装程序在我没有完成一行但按下保存或没有完成时自动保存时发生故障；)

转载作者：bug小助手更新时间：2023-10-24 19:27:51

I'm not super familiar with golf at this point, but there's gotta be a way to configure error handling this. It can't always just freak out when there's no ; at the end while you're in the middle of typing, your SCSS, right?

在这一点上，我对高尔夫不是很熟悉，但一定有一种方法来配置错误处理。它不能总是在没有的时候就吓坏了；当你打字到一半的时候，你的SCSS，对吗？

What am I missing? Researched this and can't seem to find an answer. And it's really annoying that this isn't just built into VS code seeing as Sass, SCSS, and Less are some of the most common plug-ins in any project in 2023. It shouldn't be this hard...

我遗漏了什么？对此进行了研究，但似乎找不到答案。这真的很令人恼火，因为这不只是内置到VS代码中，因为Sass、SCSS或更少是2023年任何项目中最常见的一些插件。不应该这么难的。

It just seems to be choking when it encounters half-done code. Rather than handling it.

当它遇到未完成的代码时，它似乎会窒息。而不是处理它。

Thanks.

谢谢。

Gulpfile directly from VS Code documentation site:

直接来自VS代码文档站点的Gulpfile：

// Sass configuration
var gulp = require('gulp');
var sass = require('gulp-sass')(require('sass'));

gulp.task('sass', function (cb) {
  gulp
    .src('*.scss')
    .pipe(sass())
    .pipe(
      gulp.dest(function (f) {
        return f.base;
      })
    );
  cb();
});

gulp.task(
  'default',
  gulp.series('sass', function (cb) {
    gulp.watch('*.scss', gulp.series('sass'));
    cb();
  })
);

Error:

错误：

node:events:491
      throw er; // Unhandled 'error' event
      ^
<ref *1> PluginError: Expected expression.
   ╷
44 │   bottom: ;
   │           ^
   ╵
  styles.scss 44:11  root stylesheet
    at Object.wrapException (/Users/studio/GeneralAssembly/projects/Baby Bumper/Baby Bumper Game/node_modules/sass/sass.dart.js:1252:43)
    at SpanScanner.error$3$length$position (/Users/studio/GeneralAssembly/projects/Baby Bumper/Baby Bumper Game/node_modules/sass/sass.dart.js:76246:15)
    at SpanScanner.error$1 (/Users/studio/GeneralAssembly/projects/Baby Bumper/Baby Bumper Game/node_modules/sass/sass.dart.js:76249:19)
    at ScssParser0._stylesheet0$_singleExpression$0 (/Users/studio/GeneralAssembly/projects/Baby Bumper/Baby Bumper Game/node_modules/sass/sass.dart.js:108600:17)
    at ScssParser0._stylesheet0$_expression$3$bracketList$singleEquals$until (/Users/studio/GeneralAssembly/projects/Baby Bumper/Baby Bumper Game/node_modules/sass/sass.dart.js:108275:40)
    at ScssParser0._stylesheet0$_expression$0 (/Users/studio/GeneralAssembly/projects/Baby Bumper/Baby Bumper Game/node_modules/sass/sass.dart.js:108509:19)
    at ScssParser0._stylesheet0$_declarationOrBuffer$0 (/Users/studio/GeneralAssembly/projects/Baby Bumper/Baby Bumper Game/node_modules/sass/sass.dart.js:107112:31)
    at ScssParser0._stylesheet0$_declarationOrStyleRule$0 (/Users/studio/GeneralAssembly/projects/Baby Bumper/Baby Bumper Game/node_modules/sass/sass.dart.js:107049:35)
    at ScssParser0._stylesheet0$_statement$1$root (/Users/studio/GeneralAssembly/projects/Baby Bumper/Baby Bumper Game/node_modules/sass/sass.dart.js:106941:162)
    at ScssParser0._stylesheet0$_statement$0 (/Users/studio/GeneralAssembly/projects/Baby Bumper/Baby Bumper Game/node_modules/sass/sass.dart.js:106944:19)
Emitted 'error' event on Domain instance at:
    at Transform.emit (node:domain:540:12)
    at Transform.onerror (/Users/studio/GeneralAssembly/projects/Baby Bumper/Baby Bumper Game/node_modules/readable-stream/lib/_stream_readable.js:640:52)
    at Transform.emit (node:events:513:28)
    at Transform.emit (node:domain:489:12)
    at emitErrorNT (node:internal/streams/destroy:157:8)
    at emitErrorCloseNT (node:internal/streams/destroy:122:3)
    at processTicksAndRejections (node:internal/process/task_queues:83:21) {
  formatted: 'Error: Expected expression.\n' +
    '   ╷\n' +
    '44 │   bottom: ;\n' +
    '   │           ^\n' +
    '   ╵\n' +
    '  styles.scss 44:11  root stylesheet',
  line: 44,
  column: 11,
  file: '/Users/studio/GeneralAssembly/projects/Baby Bumper/Baby Bumper Game/styles.scss',
  status: 1,
  messageFormatted: '\x1B[4mstyles.scss\x1B[24m\n' +
    'Error: Expected expression.\n' +
    '   ╷\n' +
    '44 │   bottom: ;\n' +
    '   │           ^\n' +
    '   ╵\n' +
    '  styles.scss 44:11  root stylesheet',
  messageOriginal: 'Expected expression.\n' +
    '   ╷\n' +
    '44 │   bottom: ;\n' +
    '   │           ^\n' +
    '   ╵\n' +
    '  styles.scss 44:11  root stylesheet',
  relativePath: 'styles.scss',
  message: 'styles.scss\n' +
    'Error: Expected expression.\n' +
    '   ╷\n' +
    '44 │   bottom: ;\n' +
    '   │           ^\n' +
    '   ╵\n' +
    '  styles.scss 44:11  root stylesheet',
  __safety: undefined,
  _stack: undefined,
  plugin: 'gulp-sass',
  showProperties: true,
  showStack: false,
  domainEmitter: Transform {
    _readableState: ReadableState {
      objectMode: true,
      highWaterMark: 16,
      buffer: BufferList { head: null, tail: null, length: 0 },
      length: 0,
      pipes: [
        Pumpify {
          _readableState: ReadableState {
            objectMode: true,
            highWaterMark: 16,
            buffer: [BufferList],
            length: 0,
            pipes: [WriteStream],
            pipesCount: 1,
            flowing: true,
            ended: false,
            endEmitted: false,
            reading: true,
            sync: false,
            needReadable: true,
            emittedReadable: false,
            readableListening: false,
            resumeScheduled: false,
            destroyed: false,
            defaultEncoding: 'utf8',
            awaitDrain: 0,
            readingMore: false,
            decoder: null,
            encoding: null
          },
          readable: true,
          _events: [Object: null prototype] {
            end: [Array],
            close: [Array],
            prefinish: [Function (anonymous)],
            newListener: [Function: removeSink],
            removeListener: [Array],
            unpipe: [Function: onunpipe],
            error: [Function: onerror],
            finish: [Function],
            data: [Function: ondata]
          },
          _eventsCount: 9,
          _maxListeners: undefined,
          _writableState: WritableState {
            objectMode: true,
            highWaterMark: 16,
            finalCalled: false,
            needDrain: false,
            ending: false,
            ended: false,
            finished: false,
            destroyed: false,
            decodeStrings: true,
            defaultEncoding: 'utf8',
            length: 0,
            writing: false,
            corked: 0,
            sync: true,
            bufferProcessing: false,
            onwrite: [Function (anonymous)],
            writecb: null,
            writelen: 0,
            bufferedRequest: null,
            lastBufferedRequest: null,
            pendingcb: 0,
            prefinished: false,
            errorEmitted: false,
            bufferedRequestCount: 0,
            corkedRequestsFree: [CorkedRequest]
          },
          writable: true,
          allowHalfOpen: true,
          _writable: DestroyableTransform {
            _readableState: [ReadableState],
            readable: true,
            _events: [Object: null prototype],
            _eventsCount: 7,
            _maxListeners: undefined,
            _writableState: [WritableState],
            writable: true,
            allowHalfOpen: true,
            _transformState: [Object],
            _destroyed: false,
            _transform: [Function: normalize],
            [Symbol(kCapture)]: false
          },
          _readable: DestroyableTransform {
            _readableState: [ReadableState],
            readable: true,
            _events: [Object: null prototype],
            _eventsCount: 8,
            _maxListeners: undefined,
            _writableState: [WritableState],
            writable: true,
            allowHalfOpen: true,
            _transformState: [Object],
            _destroyed: false,
            _transform: [Function: writeFile],
            [Symbol(kCapture)]: false
          },
          _readable2: DestroyableTransform {
            _readableState: [ReadableState],
            readable: true,
            _events: [Object: null prototype],
            _eventsCount: 8,
            _maxListeners: undefined,
            _writableState: [WritableState],
            writable: true,
            allowHalfOpen: true,
            _transformState: [Object],
            _destroyed: false,
            _transform: [Function: writeFile],
            [Symbol(kCapture)]: false
          },
          _autoDestroy: false,
          _forwardDestroy: false,
          _forwardEnd: true,
          _corked: 0,
          _ondrain: null,
          _drained: true,
          _forwarding: false,
          _unwrite: [Function: clear],
          _unread: [Function: clear],
          _ended: false,
          [Symbol(kCapture)]: false
        }
      ],
      flowing: true,
      ended: false,
      endEmitted: false,
      reading: true,
      constructed: true,
      sync: false,
      needReadable: true,
      emittedReadable: false,
      readableListening: false,
      resumeScheduled: false,
      errorEmitted: true,
      emitClose: true,
      autoDestroy: true,
      destroyed: true,
      errored: [Circular *1],
      closed: true,
      closeEmitted: false,
      defaultEncoding: 'utf8',
      awaitDrainWriters: null,
      multiAwaitDrain: false,
      readingMore: false,
      dataEmitted: false,
      decoder: null,
      encoding: null,
      [Symbol(kPaused)]: false
    },
    _events: [Object: null prototype] {
      prefinish: [Function: prefinish],
      end: [Function: bound onceWrapper] { listener: [Function: onend] },
      data: [Function: ondata]
    },
    _eventsCount: 3,
    _maxListeners: undefined,
    _writableState: WritableState {
      objectMode: true,
      highWaterMark: 16,
      finalCalled: false,
      needDrain: false,
      ending: true,
      ended: true,
      finished: false,
      destroyed: true,
      decodeStrings: true,
      defaultEncoding: 'utf8',
      length: 0,
      writing: false,
      corked: 0,
      sync: false,
      bufferProcessing: false,
      onwrite: [Function: bound onwrite],
      writecb: null,
      writelen: 0,
      afterWriteTickInfo: null,
      buffered: [],
      bufferedIndex: 0,
      allBuffers: true,
      allNoop: true,
      pendingcb: 0,
      constructed: true,
      prefinished: false,
      errorEmitted: true,
      emitClose: true,
      autoDestroy: true,
      errored: [Circular *1],
      closed: true,
      closeEmitted: false,
      [Symbol(kOnFinished)]: []
    },
    allowHalfOpen: true,
    _transform: [Function (anonymous)],
    [Symbol(kCapture)]: false,
    [Symbol(kCallback)]: null
  },
  domainThrown: false
}
 ✘ studio@ians-mac-mini  ~/GeneralAssembly/projects/Baby Bumper/Baby Bumper Game   master ±✚ 

更多回答

优秀答案推荐

更多回答

gulp - 实习测试框架是否有任何 gulp 插件或文档可以与 gulp 集成？
实习测试框架有没有有任何 gulp 插件或文档可以与 gulp 集成吗？最佳答案它看起来不像，但我已经做到了使用 gulp-shell : gulp.task('intern', shell.
gulp - gulp 任务的第二个参数是什么意思 :
我正在寻找答案，不必深入或详细。只是想确切地知道任务序列发生了什么。 gulp.task('name',['*this right here*'], function() { // conte
gulp - gulp 如何在运行前解决依赖关系？
假设有四个任务 'a'、'b'、'c'、'd'(b 依赖于 c 和 d；c 和 d 都依赖于 a)，因此任务按以下顺序运行: a-> (c, d) -> b 这是相应地工作的 gulpfile.js:
gulp - Gulp-删除本地插件
我安装了本地gulp插件，并意识到我不需要它。如何删除它，是否有例如npm remove gulp-sass这样的命令？最佳答案只需运行npm uninstall --save即可。转到此链接h
gulp - Gulp:如何删除文件夹？
我使用del包删除文件夹： gulp.task('clean', function(){ return del('dist/**/*', {force:true}); }); 但是，如果dis
gulp - 如何在 gulp 4 中使用 gulp.series？
有一个 super 简单的 gulp 文件，我想在其中依次运行一些基本的 gulp 任务。我似乎无法在 Gulp v4 中运行它。使用 run-sequence 在 Gulp v3 中有类似的东西而
gulp - 从子目录运行 gulp？
我目前有这样的文件结构 SASS gulpfile.js node_modules sites example-site scss
gulp - gulp 任务完成时显示成功消息
我创建了一个简单的 Gulp 任务来检查我的 ES6 文件中的更改。我想转换它们并在出现问题时显示错误消息。正在显示错误屏幕。但是，当一切都成功时，我想显示不同的信息。我试过 .on('end')
gulp - 全局和本地安装后找不到本地 gulp
我已经安装了gulp在全局范围内 sudo npm install --global gulp-cli 和本地 npm install --save-dev gulp /usr/local/bin/g
css - 使用 gulp-rev、gulp-rev-replace、gulp-rev-css-url 进行 Gulp 修订
我正在尝试使用 gulp-rev、gulp-rev-replace 和 gulp-rev-css-url 重写对我的版本图像文件的引用。我已设法修改文件并将 list 与以下 gulp 代码合并:
gulp - 如何在 gulp.dest() 中使用 gulp.src() 的路径？
尝试创建一个 gulp 任务，通过 LESS 通过管道传输来自不同文件夹的一堆文件，然后将它们输出到基于原始源的文件夹。考虑这个文件夹结构: Project +-- /Module_A | +-
gulp - 错误 : Cannot find module 'gulp-uglifyjs' with "gulp watch
我在终端上的项目文件夹中，并且: 如果我执行: gulp -v 我得到: [15:47:15] CLI version 3.9.0 [15:47:15] Local version 3.9.
gulp - 如何使用 gulp-rev 使 gulp-newer 工作？
设置很简单: gulp.task('rev-js', function() { return gulp.src('/js/main.js, {base: '.'}) .pipe(ne
javascript - gulp - 使 gulp.pipe(gulp.dest) 同步
我有两个任务，B 依赖于 A。任务A需要循环一个数组，然后执行gulp.dest，但似乎B会在A完成之前执行。 A 所做的就是加载所有 html，并将每个 html 注入(inject)到 temp
json - Gulp 使用 gulp-jade 和 gulp-data
我尝试在工作流程中将 gulp-data 与 gulp-jade 结合使用，但收到与 gulp-data 插件相关的错误。这是我的 gulpfile.js var gulp = require('g
gulp - 我如何 gulp.src 整个文件夹及其子文件夹，然后 gulp.dest 基于文件的位置？
编辑:有没有办法清理这段代码？任务.咖啡 # Watch pages gulp.task 'jade', -> # Watch index gulp.src('src/jade/index.
javascript - grunt 和 gulp 混淆 - 在另一个有 gulp 的项目中运行 gulp
这可能听起来很愚蠢，但请耐心等待。我遇到了麻烦。我正在开发一个使用 Grunt 来编译和构建其发行版的项目。但是，它使用另一个名为 prism 的库，您可以在 http://prismjs.com
css - Gulp gulp-less 和 gulp-sourcemaps 给出了错误的 sourceMappingURL
我有一个简单的 less 任务的 gulp 工作流程，如下所示: gulp.task('less', function() { gulp.src(source_less) .p
javascript - Gulp 使用 gulp-data 和 gulp-jade 以及目录
我有一个 gulp 工作流程，一切都运行良好，但似乎它只适用于最上面的文件，例如:public/index.html，但如果我想使用 public/products/item.html，gulp-da
javascript - 将 gulp-if 与 gulp-useref 和 gulp-uglify 结合使用
我想使用 gulp-useref 将我所有的 JavaScript 文件连接成一个。在我的 JavaScript 文件中，我混合了pre-minified 和non-minified 文件。我只想

bug小助手

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

VSCode Gulp Sass installation blows up when I haven't finished a line but hit save or it saves automatically when there's no ;(VScode Gulp Sass安装程序在我没有完成一行但按下保存或没有完成时自动保存时发生故障；)