Это может быть удивительная ошибка шрифта, ошибка vue или опечатка.Я не уверен.
Проблема в том, что установка нового vue-fontawesome в существующем vue-проекте приводит к его поломке.Я начал работать над новым проектом Vue-Cli.
Моя старая ситуация имела эту настройку (только для справки) и работала:
"@fortawesome/fontawesome": "^1.1.8",
"@fortawesome/fontawesome-free-brands": "^5.0.13",
"@fortawesome/fontawesome-free-regular": "^5.0.13",
"@fortawesome/fontawesome-free-solid": "^5.0.13",
"@fortawesome/vue-fontawesome": "0.0.23",
Теперь мой Package.json выглядит следующим образом:
"зависимости": {
"@fortawesome/fontawesome-svg-core": "^1.2.6",
"@fortawesome/free-regular-svg-icons": "^5.4.1",
"@fortawesome/free-solid-svg-icons": "^5.4.1",
"@fortawesome/vue-fontawesome": "^0.1.1",
"babel-polyfill": "^6.26.0",
"babel-runtime": "^6.26.0",
"es6-promise": "^4.2.4",
"isomorphic-fetch": "^2.2.1",
"vue": "^2.5.16",
"vuedraggable": "^2.16.0",
"vuex": "^3.0.1" },
"devDependencies": {
"babel-core": "^6.26.3",
"babel-loader": "^7.1.4",
"babel-plugin-transform-runtime": "^6.23.0",
"babel-preset-env": "^1.7.0",
"babel-preset-es2015": "^6.24.1",
"css-loader": "^0.28.11",
"eslint": "^4.19.1",
"eslint-config-standard": "^11.0.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-node": "^6.0.1",
"eslint-plugin-promise": "^3.8.0",
"eslint-plugin-standard": "^3.1.0",
"eslint-plugin-vue": "^4.5.0",
"raw-loader": "^0.5.1",
"style-loader": "^0.21.0",
"vue-loader": "^15.2.1",
"vue-style-loader": "^2.0.5",
"vue-template-compiler": "^2.5.16",
"webpack": "^4.9.1",
"webpack-cli": "^2.1.4" }
Все ломается, если я просто импортирую библиотеку (все еще не используется, хотя я и пыталсяиспользуя его тоже) с (в main.js):
import {library} из '@ fortawesome / fontawesome-svg-core'
Однако, он ломается встранный способ: сборка webpack, но вместо моего vue-view я получаю это: 