Как изменить путь импорта fontawesome с помощью laravel 5.7 - PullRequest
Новая
       40

Как изменить путь импорта fontawesome с помощью laravel 5.7

0 голосов
/ 23 февраля 2019

Во-первых, я выполнил свой поиск, прежде чем опубликовать этот вопрос, ответ, который я нашел, не сработал для меня.

Я сделал именно шаги ответа Laravel 5.7 + Font Awesome

Итак, у меня есть конфигурация mix.js 

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

Я запустил npm install --save @fortawesome/fontawesome-free и попробовал npm install @fortawesome/fontawesome-free --save-dev

и мою зависимость в package.jsonis 

 "devDependencies": {
        "@fortawesome/fontawesome-free": "^5.7.2",
        "axios": "^0.18",
        "bootstrap": "^4.0.0",
        "datatables.net-bs4": "^1.10.19",
        "jquery": "^3.2",
        "laravel-mix": "^4.0.7",
        "lodash": "^4.17.5",
        "popper.js": "^1.12",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.15.2",
        "sass-loader": "^7.1.0",
        "vue": "^2.5.17",
        "vue-template-compiler": "^2.6.6"
    },
    "dependencies": {
        "font-awesome": "^4.7.0"
    }

Затем я импортирую стили 

// Font Awesome
@import '~@fortawesome/fontawesome-free/scss/brands';
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import "~@fortawesome/fontawesome-free/scss/fontawesome";

и выполнил npm run dev

Я ссылался на свой файл CSS <link type="text/css" rel="stylesheet" href="{{ asset('css/app.css') }}">

После всех этих шагов у меня появляется ошибка 404 

GET http://localhost/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2?462806316fea535a6a57651bc2b000b0 net::ERR_ABORTED 404 (Not Found)

Но у меня есть файлы ...

enter image description here enter image description here Так что я думаю, что путь будет 

localhost/project/public/fonts....

Но я не знаю, как это изменить, спасибо за помощь

Ответы [ 2 ]

0 голосов
/ 23 февраля 2019

Решено с помощью этого Поста

Установите корень ресурса в webpack.mix.js, используя следующее: mix.setResourceRoot('../');

Просто не знаю, почему это исправляетпроблема

0 голосов
/ 23 февраля 2019

Не могли бы вы поделиться экранной печатью папки node_module?Кроме того, была ли ошибка компиляции при сборке с веб-пакетом?

У меня есть ниже в каталоге node_module, и он прекрасно работает для меня изображение модуля узла

И я использую нижев файле app.sccs 

@import "~font-awesome/scss/font-awesome.scss";
...