Question

@import '../assets/bootstrap/scss/bootstrap.scss';

.col-md {
    background-color: #f00;
}

这是我的代码。这很简单，但在vscode

中有一些错误

我无法理解。为什么会出错？

是否有人知道此错误？

Compilation Error
Error: Invalid CSS after ".col-md {": expected "}", was "{"
        on line 3 of sass/d:\xampp\htdocs\accommodation\theme\accommodation\css\theme.sass
>> .col-md { {

Answer 1

它的导入问题sass @import目前无法正常使用自定义files.reference它是这样的：

describe('Main Method 1', () {

    describe('Function 1', () {

     beforeAll(function() {
         console.log('Start of Function 1');
     });

     beforeEach(function() {
         console.log('Start of next test');
     });

     afterAll(function() {
         console.log('End of Function 1');
     });

     it('Function 1.1',(){
         OpenPage();
     });

     it('Function 1.2',(){
         console.log('Function 1.2');
     });
  });

    describe('Function 2', () {

     beforeAll(function() {
         console.log('Start of Function 2');
     });

     it('Function 2.1',(){
         OpenPage();
     });

     it('Function 2.2',(){
         console.log('Function 2.2');
     });
  });
});

function OpenPage() {
    // open page 
    browser.get('http://google.com/');
    // More code you don't want to repeat.
}

Jesse Haff的官方回应您可以通过在@import “../assets/bootstrap/scss/bootstrap”;文件名的开头添加下划线来@import SCSS或CSS文件，并在将其导入样式表时保留下划线和文件扩展名。例如：将样式表命名为：_stylesheet.scss。然后在theme.scss中，像这样引用它： scss/css;

vscode中的bootstrap sass错误

1 个答案: