Импорт font-awesome через angular-cli.json в версии angular 6?
Инструктор поручил мне импортировать font-awesome в файл angular-cli.json, но я использую angular 6, поэтому я инициализирую модуль font awesome node в файле angular.json, но он не работает и возникает ошибка в ng serve.
какую команду вы использовали для установки font-awesome?
Ответы 2
Установочные пакеты npm install --save font-awesome angular-font-awesome
Импортируем модуль:
//...
import { AngularFontAwesomeModule } from 'angular-font-awesome';
@NgModule({
//...
imports: [
//...
AngularFontAwesomeModule
],
//...
})
export class AppModule { }
Если вы используете Angular CLI, добавьте CSS с потрясающим шрифтом в styles внутри angular-cli.json.
"styles": [
"styles.css",
"../node_modules/font-awesome/css/font-awesome.css"
],
ПРИМЕЧАНИЕ. Если вы используете препроцессор SCSS, просто замените css на scss.
Если вы не используете интерфейс командной строки, импортируйте таблицу стилей в файл index.html.
<link rel = "stylesheet" type = "text/css" href = "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
Если вы использовали неправильную команду для установки font-awesome:
- удалить установленную зависимость от
package.json - удалить папку
node_modulesвручную. - запустить
npm cache clean --force - запустить
npm install - и выполните шаги, которые я упомянул выше.
От https://www.npmjs.com/package/@fortawesome/angular-fontawesome:
npm install –save '@fortawesome/angular-fontawesome'
npm install –save ‘@fortawesome/fontawesome-svg-core'
npm i --save '@fortawesome/free-solid-svg-icons'
Помня, что в руководстве не упоминается необходимость запуска двух последних команд, но они являются зависимостями, требуемыми Font Awesome.
Мы мало что можем сделать, чтобы помочь, если вы не сообщите нам, в чем заключается ошибка, и, возможно, не опубликуете свой файл
angular.json.