2017-12-18 144 views
4

我刚刚安装了laravel 5.5。我打算使用VueJS,但每次加载页面时,我的VueJS都无法工作。 Probaly因为jquery没有加载的事实。laravel 5.5 not loading jquery/vuejs

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

我有npm启动和运行,编译时(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'); 
}); 

UPDATE

仍然没有反应回到这个线程,但我到目前为止发现了什么: - 我放在我的公共/ js/app.js中的任何内容都没有加载。当我加载页面时,我看到加载了js文件。我可以查看内容和我的内容,但它不起作用。 - 我已经通过CDN加载jQuery的,因为我无法获得应通过bootstrap.js

解决方案包括在我的app.js正常的jQuery:BACK将旧版本的LARAVEL

+0

你运行过'npm install && npm run dev'吗? – usrNotFound

+0

是的,我确实运行了这两个 – user3398922

回答

0

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