jquery - laravel 5.5 不加载 jquery/vuejs

Question

我最近刚刚安装了 laravel 5.5。我打算使用 VueJS，但每次加载页面时，我的 VueJS 都无法正常工作。可能是因为未加载 jquery。

我也在使用 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');

在我的控制台中，我只看到以下警告，我认为它来 self 使用的插件 (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

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

Answer 1

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