Компиляция Laravel 5.8 scss Ожидается ":".ошибка

Question

Я разрабатываю проект Laravel, работающий на localhost с php artisan serve, когда я запускаю команду npm run watch для компиляции кода sass, я получаю ошибку Expected ":". в начале app.scss

ошибка:

$import url('https://fonts.googleapis.com/css?family=Nunito');
   ^
  Expected ":".
  ╷
2 │ $import url('https://fonts.googleapis.com/css?family=Nunito');
  │         ^
  ╵
  stdin 3:9  root stylesheet
      in C:\Users\user\Documents\myApp\resources\sass\app.scss (line 3, column 9)

первые 6 строк app.scss:

// Fonts
$import url('https://fonts.googleapis.com/css?family=Nunito');
$import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');

// Variables
$import 'variables';

Я не вижу, где пропущен знак ":".Я никогда не использовал ":" в директиве @import

Что мне не хватает?почему я получаю эту ошибку?Как ее решить?

• Laravel 5.8.35
• Windows 10 pro 17763.737
• PHP версия 7.1.29
• Composer версия 1.8.5

Answer 1

Это должно быть @ перед импортом:

@import url('https://fonts.googleapis.com/css?family=Nunito');

https://sass -lang.com / документация / at-rules / import

---

Переменные имеют $ перед ними и нуждаются в : после них, чтобы дать им значение.Компилятор считает, что вы создаете переменную $import в вашем случае, поэтому он ожидает :.