我的理智濒临崩溃......
我正在使用 bower 来安装 jQuery 和 slick-carousel ,但事情不会奏效。但让我逐步解释我的方法。
1. 这是我的 bower.json 文件。两个组件都已安装
{
"name": "the-lens",
"version": "0.0.1",
"dependencies": {
"slick-carousel": "^1.5.9",
"jquery": "^2.2.3"
},
"private": true
}
2. 我用bowcat用 slick 连接 jquery。我检查了最终文件,jquery 排在第一位,slick 最后。文件名为build.js
3. 我将自己的 custom.js 与 build.js 组合成最终的 all.js(我的代码放在最后)。
4. 我从我的 html head 中引用了 all.js。我可以检查页面源并点击链接,我可以看到我的 all.js 已正确加载。
5. 在我的 html 中,我检查是否使用内部脚本加载了 jquery。它提醒“耶!从内部工作”。到目前为止一切顺利。
<script type="text/javascript" >
if (typeof jQuery == 'undefined') {
alert("Doesn't work from internal");
} else {
alert("Yay! Works from internal");
}
</script>
6. 我测试相同的测试是否适用于我的外部 javascript 文件,在本例中是 all.js(我的代码位于 jquery 和 slick 之后,例如最后)。
现在 什么都没有 发生了,我从我的控制台日志中得到这个错误:“Uncaught ReferenceError: define is not defined in all.js:9844”
(function() {
if (typeof jQuery == 'undefined') {
alert("Doesn't work from external");
} else {
alert("Yay! Works from external");
}
})();
7. 如果我从我的 all.js 中删除 jquery 并改为使用 google cdn 加载 jquery,我上面的外部测试开始工作。例如。我收到两个警告框,其中一个提示来自外部,另一个来自内部。这是我使用的 google cdn
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
这就是总结。当我拆分我的 javascript 时,事情以某种方式起作用,因此从 google cdn 调用 jquery,从 all.js 调用 slick 和我自己的。但如果我这样做,那个 bower 就变得绝对了。
我想知道的是如何使用 bower 安装 slick 和 jquery,然后将它们与我自己的 js 合并到一个大文件中,并从我的 html 中调用该单个脚本,所以一切正常(有效 == 我的警报测试从 all.js 调用)
如果有什么不清楚或需要更多信息,请随时在评论中提问。
将随 bower 安装的 JQuery 版本更改为 2.2.0 没有任何改变......
define( [
"./core",
"./selector",
"./traversing",
"./callbacks",
"./deferred",
"./core/ready",
"./data",
"./queue",
"./queue/delay",
"./attributes",
"./event",
"./event/alias",
"./event/focusin",
"./manipulation",
"./manipulation/_evalUrl",
"./wrap",
"./css",
"./css/hiddenVisibleSelectors",
"./serialize",
"./ajax",
"./ajax/xhr",
"./ajax/script",
"./ajax/jsonp",
"./ajax/load",
"./event/ajax",
"./effects",
"./effects/animatedSelector",
"./offset",
"./dimensions",
"./deprecated",
"./exports/amd"
], function( jQuery ) {
return ( window.jQuery = window.$ = jQuery );
} );
我现在仔细查看了 jquery served from the google CDN .它没有 define( [...], function( jQuery ) 就像用 bower 下载的 jquery 一样(见更新二)。
这种说法很有道理。定义数组中的所有这些东西都存在于 ./bower_components/jquery/src/ 文件夹中,但不在我所有的 ./web/javascript/ 文件夹中。 js 群岛检查下面的屏幕截图 ( full size picture here) :
问题是我如何解决这个问题...
最佳答案
所以我终于弄清楚出了什么问题。或者更确切地说,我找到了解决方案,而不是确切的问题。
就像@evolutionxbox 在上面的评论中指出的那样,问题出在 bowcat 上。我不确定它从 jquery 文件夹中选择了什么 js 文件,但它肯定不是正确的。
相反,我这样做了:
1. 首先,我使用 $ bower list --paths
$ 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 连接我的文件。以下代码来 self 的 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 通过了内部和外部测试。
结论:我可以推荐 gulp,但不推荐 bowcat :P 但是话又说回来,在 bowcats 防御中,我可能只是一个完全的菜鸟......但不管怎样,我离题了。
祝大家有个愉快的一天。如果您对我的解决方案有任何疑问,请随时发表评论。
关于javascript - 使用 Bower 安装 Jquery 时出现 "Define is not defined"错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36723392/
我正在学习如何使用Nokogiri,根据这段代码我遇到了一些问题:require'rubygems'require'mechanize'post_agent=WWW::Mechanize.newpost_page=post_agent.get('http://www.vbulletin.org/forum/showthread.php?t=230708')puts"\nabsolutepathwithtbodygivesnil"putspost_page.parser.xpath('/html/body/div/div/div/div/div/table/tbody/tr/td/div
我有一个Ruby程序,它使用rubyzip压缩XML文件的目录树。gem。我的问题是文件开始变得很重,我想提高压缩级别,因为压缩时间不是问题。我在rubyzipdocumentation中找不到一种为创建的ZIP文件指定压缩级别的方法。有人知道如何更改此设置吗?是否有另一个允许指定压缩级别的Ruby库? 最佳答案 这是我通过查看rubyzip内部创建的代码。level=Zlib::BEST_COMPRESSIONZip::ZipOutputStream.open(zip_file)do|zip|Dir.glob("**/*")d
类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc
很好奇,就使用rubyonrails自动化单元测试而言,你们正在做什么?您是否创建了一个脚本来在cron中运行rake作业并将结果邮寄给您?git中的预提交Hook?只是手动调用?我完全理解测试,但想知道在错误发生之前捕获错误的最佳实践是什么。让我们理所当然地认为测试本身是完美无缺的,并且可以正常工作。下一步是什么以确保他们在正确的时间将可能有害的结果传达给您? 最佳答案 不确定您到底想听什么,但是有几个级别的自动代码库控制:在处理某项功能时,您可以使用类似autotest的内容获得关于哪些有效,哪些无效的即时反馈。要确保您的提
假设我做了一个模块如下:m=Module.newdoclassCendend三个问题:除了对m的引用之外,还有什么方法可以访问C和m中的其他内容?我可以在创建匿名模块后为其命名吗(就像我输入“module...”一样)?如何在使用完匿名模块后将其删除,使其定义的常量不再存在? 最佳答案 三个答案:是的,使用ObjectSpace.此代码使c引用你的类(class)C不引用m:c=nilObjectSpace.each_object{|obj|c=objif(Class===objandobj.name=~/::C$/)}当然这取决于
我正在尝试使用ruby和Savon来使用网络服务。测试服务为http://www.webservicex.net/WS/WSDetails.aspx?WSID=9&CATID=2require'rubygems'require'savon'client=Savon::Client.new"http://www.webservicex.net/stockquote.asmx?WSDL"client.get_quotedo|soap|soap.body={:symbol=>"AAPL"}end返回SOAP异常。检查soap信封,在我看来soap请求没有正确的命名空间。任何人都可以建议我
关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我想在固定时间创建一系列低音和高音调的哔哔声。例如:在150毫秒时发出高音调的蜂鸣声在151毫秒时发出低音调的蜂鸣声200毫秒时发出低音调的蜂鸣声250毫秒的高音调蜂鸣声有没有办法在Ruby或Python中做到这一点?我真的不在乎输出编码是什么(.wav、.mp3、.ogg等等),但我确实想创建一个输出文件。
我正在尝试测试是否存在表单。我是Rails新手。我的new.html.erb_spec.rb文件的内容是:require'spec_helper'describe"messages/new.html.erb"doit"shouldrendertheform"dorender'/messages/new.html.erb'reponse.shouldhave_form_putting_to(@message)with_submit_buttonendendView本身,new.html.erb,有代码:当我运行rspec时,它失败了:1)messages/new.html.erbshou
我在从html页面生成PDF时遇到问题。我正在使用PDFkit。在安装它的过程中,我注意到我需要wkhtmltopdf。所以我也安装了它。我做了PDFkit的文档所说的一切......现在我在尝试加载PDF时遇到了这个错误。这里是错误:commandfailed:"/usr/local/bin/wkhtmltopdf""--margin-right""0.75in""--page-size""Letter""--margin-top""0.75in""--margin-bottom""0.75in""--encoding""UTF-8""--margin-left""0.75in""-
我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗?当我运行compasswatch时,它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行?文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们?我自己编译的.sass文件编译成compiled/t