Использование Font Awesome с NPM и Webpack

Я новичок в NPM и Webpack и изо всех сил пытаюсь реализовать последнюю версию Font Awesome Pro (5.1.1).

Я следовал инструкциям по установке через NPM, включая создание файла.npmrc, и установил через NPM как npm install --save-dev @fortawesome/fontawesome-pro

Я уверен, что я получаю что-то не так при ссылке. Я пробовал несколько учебных пособий, но в NPM получаю следующую ошибку;

ERROR in ./src/js/index.js
Module not found: Error: Can't resolve '@fortawesome/fontawesome-pro/falStar' in 'J:\Documents\Database\src\js'
 @ ./src/js/index.js 15:15-62
 @ multi (webpack)-dev-server/client?http://localhost:8080 babel-polyfill ./src/js/index.js font-awesome/js/all.js

ERROR in multi (webpack)-dev-server/client?http://localhost:8080 babel-polyfill ./src/js/index.js font-awesome/js/all.js
Module not found: Error: Can't resolve 'font-awesome/js/all.js' in 'J:\Documents\Database'
 @ multi (webpack)-dev-server/client?http://localhost:8080 babel-polyfill ./src/js/index.js font-awesome/js/all.js main[3]

Мой файл index.js выглядит так;

import fontawesome from "@fortawesome/fontawesome-pro";
import falStar from "@fortawesome/fontawesome-pro/falStar";

fontawesome.library.add(falStar);
fontawesome.dom.i2svg();

Я не сомневаюсь, что я делаю что-то глупое, но я очень плохо знаком с NPM и веб-пакетом, так что я, вероятно, не вижу очевидного.

Большое спасибо

0 ответов

Другие вопросы по тегам