Интеграция семантического пользовательского интерфейса в Laravel 5.6 - PullRequest
Новая
       9

Интеграция семантического пользовательского интерфейса в Laravel 5.6

0 голосов
/ 04 сентября 2018

Прежде чем заявить о своей проблеме, я сделал следующее:

Я следовал всем указаниям Начало работы и установил фреймворк в свой проект laravel. Также я сослался на ответ здесь и сделал быстрый поиск по стеку, но не смог найти решение.

Теперь проблема в том, что я не могу включить semantic.min.css и semantic.min.js на мою страницу, потому что он не найден . Мне нужен кто-то, кто поможет мне с правильными инструкциями по использованию семантического интерфейса в моем проекте 5.6 laravel.

Это мой HTML-код: 

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Gym Management</title>
    <link rel="stylesheet" type="text/css" href="{{ asset("semantic/dist/semantic.min.css") }}">
    <link rel="stylesheet" href="../css/style.css">
    <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
    <script src="{{ asset("semantic/dist/semantic.min.js") }}"></script>

</head>
<body>
<div class="ui container">
HELLO
</div>

webpack.mix.js 

let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css')
   .copy('node_modules/semantic-ui-css/semantic.min.css','public/css/semantic.min.css')
   .copy('node_modules/semantic-ui-css/semantic.min.js','public/js/semantic.min.js');

Снимок, когда я проверяю страницу. inspection snapshot

1 Ответ

0 голосов
/ 04 сентября 2018

В основном я получаю эту ошибку из-за неправильного пути. тщательно проверьте свой путь дважды. Ваша «семантическая» папка с файлами js и css должна находиться в общей папке.

...