Javascript &引用；“定义未定义”；使用Bower安装Jquery时出错

我的理智濒临毁灭

我正在和bower一起玩安装jQuery的游戏，但是事情不会成功。但让我一步一步地解释我的方法

1。这是我的bower.json文件。两个组件都已安装

{
“名称”：“镜头”，
“版本”：“0.0.1”，
“依赖项”：{
“光滑转盘”：“^1.5.9”，
“jquery”：“^2.2.3”
},
“私人”：真的吗
}

2.我习惯于使用slick来解析jquery。我已经检查了最后一个文件，jquery排在第一位，slick排在最后。文件名为build.js

3.我将自己的custom.js与build.js合并成最终的all.js（我的代码在最后）

4.我从html头部引用了所有的.js。我可以检查页面源代码并跟踪链接，我可以看到我的all.js已正确加载

5.在我的html中，我检查jquery是否是用内部脚本加载的。它提醒“耶！从内部工作”。到目前为止还不错

if（typeof jQuery==“未定义”）{
警报（“内部不工作”）；
}否则{
警报（“耶！从内部工作”）；
}

所以我终于找到了问题所在。或者说，我找到了解决办法，而不是确切的问题

正如@evolutionxbox在上面的评论中指出的，问题在于bowcat。我不确定它从jquery文件夹中选择了什么js文件，但它肯定不是正确的

相反，我这样做了：

1.首先，我用

$bower list--path检查了jquery的正确路径

$ bower list --paths

'slick-carousel': [
  'bower_components/slick-carousel/slick/slick.min.js',
  'bower_components/slick-carousel/slick/slick.css',
  'bower_components/slick-carousel/slick/slick-theme.css',
  'bower_components/slick-carousel/slick/fonts/*'
],
jquery: 'bower_components/jquery/dist/jquery.js'

2.然后我使用这些路径让gulp连接我的文件。下面的代码来自我的gulpfile.js

var gulp   = require('gulp'),
    concat = require('gulp-concat');

gulp.task('scripts', function() {
    return gulp.src([
    './bower_components/jquery/dist/jquery.js',
    './bower_components/slick-carousel/slick/slick.min.js',
    './app/Resources/javascript/custom.js'
   ])
  .pipe(concat('all.js'))
  .pipe(gulp.dest('./web/js/'));
});

3.我运行了
$gulp scripts
命令，现在我的all.js通过了内部和外部测试

结论：我可以推荐大口大口大口，但不是弓猫：p不过，在弓猫的防守中，我可能只是个十足的傻瓜。。。但不管怎样，我离题了

祝大家今天愉快。如果您对我的解决方案有任何疑问，请随时发表意见。
在线
9844
？看起来您正在尝试使用名为
define
的函数，但在您的示例中，您没有这样做听起来像是bowcat实际上没有正确连接JS，仍然保留在require函数调用中。当我检查all.JS文件时，define被声明。至少在我看来是这样。检查代码的答案（立即添加）似乎没有加载用于定义
define
函数（require？）的库。