使用 jquery 的 Gulp 脚本不起作用

Question

我尝试在我的新 Laravel 项目中使用 gulp。 Laravel 默认使用laravel-elixir包。

这是 gulpfile.js：

var elixir = require('laravel-elixir');

elixir(function(mix) {
  mix
    .sass([
      "app.scss"
    ])
    .scripts([
      "vendor/jquery-2.1.4.min.js",
      "app.js",
    ], 'public/js/app.js')
    .version([
      "css/app.css",
      "js/app.js",
    ]);
});

在终端中运行 gulp 并访问页面后，css 文件已成功加载，但在加载 js 文件时出现 403 错误。 我通过<script src="{{ elixir('js/app.js') }}"></script>包含了 js 的版本构建，并且要加载的文件存在。 如果我删除包含 jquery 的行，则一切正常。

我可以通过运行chmod -R 777 public/build/临时解决这个问题，但是在再次运行gulp后，我再次遇到相同的错误。

任何想法如何解决这个问题？

Answer 1

经过数小时的测试，我找到了解决方案。

resources/assets/js/vender的 jquery 文件有 640 个权限。 看起来权限是为脚本数组中的第一个文件获取的。 我将 jquery 权限更改为 664，现在它工作正常。

Answer 2

我遇到了同样的问题，我通过在脚本的初学者中运行“/libs/jquery.js”来解决它

 elixir(function(mix) { mix.sass('app.scss'). styles([ 'libs/blog-post.css', 'libs/bootstrap.min.css', 'libs/font-awesome.min.css', 'libs/font-awesome.css', 'libs/styles.css', ],'./public/css/libs.css'). scripts([ 'libs/jquery.js', 'libs/bootstrap.js', 'libs/bootstrap.min.js', 'libs/scripts.js', ],'./public/js/libs.js'); });