小编Kie*_*ran的帖子

Laravel Uncaught ReferenceError webpackJsonp未在app.js:1中定义

因此,当我在测试Laravel 5.4网站时,我的浏览器控制台产品线上出现以下错误:

Uncaught ReferenceError: webpackJsonp is not defined at app.js:1
Run Code Online (Sandbox Code Playgroud)

现在,说实话,我几乎不知道webpack和相关,我只是按照说明编译资产,通常一切正常...

无论如何...我正在使用Laravel 5.4并且已经将bootstrap3替换为bootstrap4.否则一切都与默认的laravel设置相同.

webpack.mix.js看起来像这样:

mix.js('resources/assets/js/app.js', 'public/js')
.extract(['vue','tether','bootstrap'])
.sass('resources/assets/sass/app.scss', 'public/css');
Run Code Online (Sandbox Code Playgroud)

assets/js/app.js删除了默认评论以便于阅读

require('./bootstrap');
Vue.component('example', require('./components/Example.vue'));
const app = new Vue({
    el: '#app'
});
Run Code Online (Sandbox Code Playgroud)

assets/js/bootstrap.js删除了默认评论以便于阅读

window._ = require('lodash');
window.$ = window.jQuery = require('jquery');
require('bootstrap');
window.Vue = require('vue');
window.axios = require('axios');
window.axios.defaults.headers.common = {
    'X-CSRF-TOKEN': window.Laravel.csrfToken,
    'X-Requested-With': 'XMLHttpRequest'
};
Run Code Online (Sandbox Code Playgroud)

我的主要布局刀片文件位于底部

<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
<script src="/js/app.js"></script>
<script src="/js/vendor.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.7/raphael.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

如果你们可以想到可能是原因的其他地方,请告诉我,我将使用代码片段进行更新.

对于缺乏其他信息感到抱歉,我已经蠢蠢欲动了,老实说,我真的完全不知道可能出现什么问题或者我如何解决它.

javascript webpack laravel-5.4 laravel-mix

10
推荐指数
1
解决办法
4881
查看次数

PHP/JS进度条

我正在尝试创建一个页面,它将从复杂的数据库查询和php解析生成结果集......但这主要是在这一点上......主要的一点是,这需要一两分钟才能完成,并且我希望显示一个进度条而不是一个通用的gif动画"loading ..."图片.

故障将是......

  • 用户打开页面A.
  • 页面A请求来自页面B的数据(很可能是AJAX).
  • 页面B处理数据库中的100000多个条目并解析它们.
  • 页面A显示了一个进度条,大致显示了该过程的进度
  • 页面B返回结果集.
  • 页面A显示结果集.

我知道如何将数据返回到ajax查询,但我的问题是我不知道如何连续返回数据以显示进程的状态(例如,扫描的行数百分比).

我查看了EventSource/Server-Sent-Events,它显示了承诺,我只是不太确定如何使其正常工作,或者是否有更好的方法来实现它.

我已经尝试制作一个快速的小模型页面,只使用EventSource工作正常,但当我将其拆分为eventSource调用(监视会话变量以进行更改的页面)和ajax请求(实际数据发送/它崩溃了.

我可能错过了一些明显的东西,或做了一些愚蠢的错误,但这是我所拥有的大部分内容......任何帮助,建议,提示,甚至完全其他方法的建议都会很棒:)

用户页面:

<!DOCTYPE html>
<html>
<head>
    <title>Dynamic Progress Bar Example</title>
    <script src="script.js"></script>
</head>
<body>
    <input type="button" value="Submit" onclick="connect()" />
    <progress id='progressor' value="0" max='100' style=""></progress>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

使用Javascript

 var es;

   function connect() {
       startListener();
       $.ajax({
           url: "server.php",
           success: function() {
               alert("Success");
           },
           error: function() {
               alert("Error");
           }
       });
   }

   function startListener() {
       es = new EventSource('monitor.php');

       //a message is received
       es.addEventListener('message', function(e) {
           var result = JSON.parse(e.data);

           if (e.lastEventId …
Run Code Online (Sandbox Code Playgroud)

javascript php ajax jquery server-sent-events

7
推荐指数
1
解决办法
2089
查看次数

用于关系的 Laravel Eloquent 和 Trimming 字段

所以我有几个模型,我正在设置它们与 Laravel Eloquent ORM 一起使用......

这些模型引用的表格由第三方程序填充,我没有太多的能力进行编辑,因此我必须找到解决方法来解决以下烦恼。

用户表具有字符串 ID,例如: 1234

其他一些表(例如操作日志)有一个字符串外部用户 ID,例如: "1234"

正如您可能在这里看到的那样,其他表"在用户 ID 上添加了一个,因此,我无法直接通过 Laravel 关系运行它,因为"1234"~= 1234...

所以我试图找出是否有某种方法可以"1234"通过修剪函数或类似"的方法在它被用于雄辩的关系之前删除它。

是的,我知道添加 是愚蠢的",如上所述,它是第三方程序。我将尝试查看他们是否可以更改该功能,但如果他们不能更改,我需要找到一种方法来解决它。

任何帮助,将不胜感激 :)

关系代码示例:

public function useractions(){
    return $this->hasMany('\App\UserActions','userid');
}



public function user(){
    return $this->belongsTo('\App\User','userid');
}
Run Code Online (Sandbox Code Playgroud)

这是来自:https ://laracasts.com/discuss/channels/eloquent/eloquent-and-trimming-relation-fields

php trim relationships eloquent laravel-5

6
推荐指数
1
解决办法
7422
查看次数