使用jquery的gulp脚本不起作用

时间:2015-05-20 05:54:57

标签: javascript jquery laravel gulp laravel-elixir

我尝试在我的新laravel项目中使用gulp。 Laravel默认使用?- phrase(binaryNumber(X),Ts). X = 0, Ts = [48] ; X = 1, Ts = [49] ; X = 0, Ts = [48,48] ; X = 1, Ts = [48,49] ; X = 2, Ts = [49,48] ; X = 3, Ts = [49,49] ... 包。

这是gulpfile.js:

laravel-elixir

在终端中运行gulp并访问页面后,css文件成功加载但是在加载js文件时出现403错误。我通过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", ]); }); 包含js的版本构建,并且存在要加载的文件。如果我删除包含jquery的行,一切正常。

我可以通过运行<script src="{{ elixir('js/app.js') }}"></script>暂时解决此问题,但在再次运行chmod -R 777 public/build/之后,我再次遇到同样的错误。

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

2 个答案:

答案 0 :(得分:5)

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

resources/assets/js/vender中的jquery文件具有640个权限。看起来对scripts数组中的第一个文件采用了权限。我将jquery权限更改为664,现在它可以正常工作。

答案 1 :(得分:0)

我遇到了同样的问题,我通过在脚本的初学者中运行“/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');
});