因此,当我在测试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)
如果你们可以想到可能是原因的其他地方,请告诉我,我将使用代码片段进行更新.
对于缺乏其他信息感到抱歉,我已经蠢蠢欲动了,老实说,我真的完全不知道可能出现什么问题或者我如何解决它.
我正在尝试创建一个页面,它将从复杂的数据库查询和php解析生成结果集......但这主要是在这一点上......主要的一点是,这需要一两分钟才能完成,并且我希望显示一个进度条而不是一个通用的gif动画"loading ..."图片.
故障将是......
我知道如何将数据返回到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) 所以我有几个模型,我正在设置它们与 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
javascript ×2
php ×2
ajax ×1
eloquent ×1
jquery ×1
laravel-5 ×1
laravel-5.4 ×1
laravel-mix ×1
trim ×1
webpack ×1