laravel - laravel 5.6 中的语义 UI 集成
问题描述
在我陈述我的问题之前,我已经完成了以下操作:
我已经按照入门中所述的所有内容在我的 laravel 项目中安装了框架。我也参考了答案here并在stackoverflow上进行了快速搜索,但找不到解决方案。
现在的问题是我不能在我的页面中包含semantic.min.css和 semantic.min.js 因为它没有找到。我需要有人帮助我正确说明在我的 5.6 laravel 项目中使用语义 ui。
到目前为止,这是我的 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');
解决方案
大多数情况下,由于路径错误,我收到此错误。仔细检查你的路径两次。包含 js 和 css 文件的“语义”文件夹必须位于公用文件夹中。
推荐阅读
- c# - 使用 C# 从 p7+p8 文件中获取 PEM
- javascript - 如何使用 Intersection Observer 为不同的目标调用不同的函数?
- python - 查找每列的负值索引
- sockets - 基于 Netty 的 http 服务器上处于 CLOSE_WAIT 状态的 tcp 连接过多
- javascript - 在浏览器中更改网址中的 URL,但不要去那里
- visual-studio - 编辑 Visual Studio .sln 文件
- python - 从 arff 文件读取时出现列表错误
- php - fgets 停止读取字符 less (<) 上的行,而不是行尾
- python - 使用 django 中间件可以解决哪些问题?
- android - 如何在第一个 Arraylist 中进行第二个 Arraylist 更新?