Laravel 无法从服务器加载供应商资源？

Question

我正在尝试在 Laravel 的文本区域中获取表情符号。我遇到的问题是我从 Github 获得的插件没有加载到网络上。我听从了每一条指示。

我收到回复：

emojionearea.min.js

无法加载资源：服务器响应状态为 404（未找到）

emojionearea.min.css

无法加载资源：服务器响应状态为 404（未找到）

这会导致类型错误，因为它找不到插件。

我真的不知道我尝试清除缓存、自动加载转储并尝试发布。还尝试使用 HTML、URL 和 ASSET 在 Blade 中访问，但对我来说没有任何效果。我对此的想法是，它是由于它在 Vendor 文件夹中而不是在 public 文件夹中引起的。

我在 macOS 上工作，我正在使用 Mamp。

// web.php
Route::get('emojiTest', function () {
    return view('emojioneareaTest');
});

// emojioneareaTest.blade.php
<!doctype html>
<html lang="en">

<head>
    <title>emojionearea by mervick</title>
    <link rel="stylesheet" href="vendor/mervick/emojionearea/dist/emojionearea.min.css">
    <script type="text/javascript" src="vendor/mervick/emojionearea/dist/emojionearea.min.js"></script>

</head>

<body>
    <textarea class="emoji"></textarea>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        window.onload = function() {
            if (window.jQuery) {
                // jQuery is loaded
                alert("Yeah!");
            } else {
                // jQuery is not loaded
                alert("Doesn't Work");
            }
        }
        $(document).ready(function() {
            $(".emoji").emojioneArea({
                pickerPosition: "right",
                tonesStyle: "bullet"
            });
        });
    </script>
</body>

</html>

插件路径

- Project
 - Vendor
  - mervick
   - emojionearea
    - dist
     - emojionearea.min.css
     - emojionearea.min.js

预期的结果应该是，我能够得到表情符号。知道我不能试用这个包。另外，如果我不远的话，如果我想获得表情符号是工业方式，我希望你们能给我一个内部信息。

希望大家能帮我解决这个问题

Answer 1

public directory 之外的文件在 HTTP 上不可用（因为 public 是服务器的文档根目录）。你有一个选择。

将 css 和 js 文件移动到 /public 文件夹中，然后使用

<link rel="stylesheet" href="{{ asset('css/emojionearea.min.css') }}">

和 js 文件

<script src="{{asset('js/emojionearea.min.js')}}" type="text/javascript"></script>

Answer 2

对于Javascript:

<script type="text/javascript" src="{{ URL::asset('js/emojionearea.min.js') }}"></script>

Javascript的目录结构如下：/public/js/emojionearea.min.js

对于CSS:

<link href="{{ asset('css/emojionearea.min.css') }}" rel="stylesheet" type="text/css" >

CSS的目录结构如下：/public/css/emojionearea.min.css

Laravel 无法从服务器加载供应商资源？

Laravel Failed to Load vendor resource from server?

php

localhost

emoji

laravel

laravel-artisan