laravel 5.5不加载jquery / vuejs

时间:2017-12-18 00:47:29

标签: jquery twitter-bootstrap laravel laravel-5 vue.js

我刚刚安装了laravel 5.5。我将使用VueJS,但每次加载页面时,我的VueJS都无法正常工作。 Probaly是因为jquery没有被加载。

我也使用也没有加载的twitter bootstrap。只加载sass文件。如果我使用CDN进行jquery和bootstrap,它们工作正常。但VueJS仍然没有工作。

我已经启动并运行了,编译时我没有遇到任何错误(npm run watch或npm run dev)。

我的app.js加载:

require('./bootstrap');
window.Vue = require('vue');

如果我尝试在这个文件中的console.log任何东西,它也没有在我的控制台中显示任何奇怪的东西。

在我的bootstrap.js中还有以下两行:

window.$ = window.jQuery = require('jquery');
require('bootstrap-sass');

在我的控制台中,我只看到以下警告,我认为它来自我使用的插件(ghostery)。

loading pref showConsoleLogs before prefs were initialised, you will not get the correct result

我也看到过以下人员的工作(他们把这个放在他们的webpack混合中):

mix.autoload({
    jquery: ['$', 'window.jQuery',"jQuery","window.$","jquery","window.jquery"]
});

如果我将以下代码添加到app.js,它也没有显示,但它在加载的文件中:

$(document).ready(function(){
    console.log('test');
});

更新

这个帖子仍然没有回复,但到目前为止我发现了什么:   - 我在public / js / app.js中放入的任何东西都没有加载。当我加载页面时,我看到js文件已加载。我可以查看内容和我的内容,但它不起作用。   - 我已经通过cdn加载了jquery,因为我无法通过bootstrap.js获得应该包含在我的app.js中的正常jquery

解决方案:回到LAVAVEL的旧版本

1 个答案:

答案 0 :(得分:0)

运行npm install && npm run dev后,为了确保浏览器缓存以前呈现的代码不是问题,请尝试运行php artisan serve。按照链接,如果您能够看到您期望的内容,则表示您的浏览器正在缓存呈现的app.js文件。在这种情况下,请转到浏览器工具,清除其缓存,然后刷新页面。您也可以在隐身窗口中打开该页面。