如何解决.css文件的编译问题

Question

我目前正在学习使用.scss的教程，但已决定改用.css。在遵循本教程的过程中，我尝试写入.css文件，但遇到了一些编译问题。

我对.css不太熟悉，因此很难修复它们。我不确定问题是否出在某些语法是scss独有的问题上。问题主要出在property-list-item.component.css和Property-list.component.css。

https://github.com/zhadjah9559/Wholesale-cli.git

错误：

  

./src/app/property/Property-list-item/property-list-item.component.css中的错误

     

模块构建失败：错误：无法解析'C：\ Users \ zach \ College \ Spring 2019 \ Senior Proj \ Wholesale-cli \ src \ app \ property \ Property-list-item'中的'变量' / p>      

在doResolve（C：\ Users \ zach \ College \ Spring 2019 \ Senior Proj \ Wholesale-cli \ node_modules \ enhanced-resolve \ lib \ Resolver.js：180：19）

Pic1

pic 2

还有，有人知道如何卸载扩展程序吗？我相信我可能在视觉代码中使用的一种CSS格式化程序扩展名有问题。

更新

@import 'variables';
a 6:hover,
a 6:focus {
    text-decoration: none;
}

.bsp-card {
    border: none;
}

.bsp-card .card-block {
    padding-top: 8px;
}

.bsp-card .card-subtitle {
    margin: 0px;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #16861a;
}

.bsp-card .card-title {
    font-size: 19px;
    margin: 3px 0;
}

.bsp-card .card-text {
    font-size: 14px;
    font-weight: 300;
    color: #7e7e7e;
    margin-bottom: 0;
}

Answer 1

生成新项目时，需要像这样在生成时选择CSS

Answer 2

您的CSS文件正在尝试导入不存在的变量scss文件。

@import'变量';

删除它，但要确保css文件中没有对变量的引用。