laravel 5.5 不加载 jquery/vuejs答案

【问题标题】：laravel 5.5 not loading jquery/vuejslaravel 5.5 不加载 jquery/vuejs
【发布时间】：2018-05-31 08:20:09
【问题描述】：

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

我也在使用 twitter bootstrap，它也没有被加载。仅加载 sass 文件。如果我为 jquery 和 bootstrap 使用 CDN，它们工作正常。但是 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');
});

更新

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

解决方案：回到旧版本的 LARAVEL

【问题讨论】：

你跑npm install && npm run dev了吗？
是的，我确实运行了这两个
你使用的是什么版本的 Laravel？ public 的内容在 yarn run dev 用于开发或 yarn run prod 用于生产时创建。本质上，你想要加载的所有东西都应该通过 webpack 加载。如果您打开webpack.mix.js，您会看到所有内容都混入public 参考：read more...

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

【解决方案1】：

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

【讨论】：