Сбой компиляции Laravel Mix LESS при импорте Google Font - PullRequest
Новая
       19

Сбой компиляции Laravel Mix LESS при импорте Google Font

0 голосов
/ 16 октября 2018

У меня есть несколько LESS-файлов, которые я хочу скомпилировать с Laravel Mix.Однако происходит сбой при импорте шрифтов Google.

При импорте этого сообщения: 

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
@import url(https://fonts.googleapis.com/css?family=Karla:400,700);
@import url(https://fonts.googleapis.com/css?family=Rancho);

возникает ошибка: 

ERROR in ./node_modules/css-loader??ref--4-2!./node_modules/postcss-loader/lib??postcss!./node_modules/less-loader/dist/cjs.js??ref--4-4!./resources/less/adminto.less
Module build failed: 

@import url(https://fonts.googleapis.com/css?family=Karla:400,700);
@import url(https://fonts.googleapis.com/css?family=Rancho);

Есть предложения?

1 Ответ

0 голосов
/ 24 октября 2018

Вот решение. 

@import (css) url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700)
@import (css) url(https://fonts.googleapis.com/css?family=Karla:400,700)
@import (css) url(https://fonts.googleapis.com/css?family=Rancho)

Кроме того, в своем файле webpack.mix.js не забудьте указать источник и место назначения LESS. 

mix.less('resources/less/app.less', 'public/css/');

Затем попробуйте запуститьваша команда npm npm run dev, npm run watch или npm run prod

Надеюсь, это поможет

...