Как исправить проблемы с компиляцией .css файла

Question

В настоящее время я следую учебному пособию, в котором используется .scss, но решил вместо этого использовать .css.В то время как я следовал учебнику, я пытался записать в файл .css, но столкнулся с некоторыми проблемами компиляции.

Я не так хорошо знаком с .css, поэтому мне было трудно их исправить.Я не был уверен, была ли проблема в том, что какой-то синтаксис был эксклюзивным для scss.Проблема в основном заключается в property-list-item.component.css и Property-list.component.css.

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

Ошибки:

ОШИБКАin ./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 '

в doResolve (C: \ Users \ zach \ College \ Spring 2019 \ Senior Proj \Wholesale-cli \ node_modules \ улучшенное разрешение \ lib \ Resolver.js: 180: 19)

Pic1

рис 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-файл пытается импортировать несуществующий scss-файл переменных.

@ import 'variable';

Удалите это, но убедитесь, что внутри нет ссылок на переменныефайл css.

Answer 2

Когда вы генерируете новый проект, вам нужно выбрать CSS при генерации, как это