在引导网站上,你可以使用引导使用npm安装
,我做了同样的安装引导使用npm安装引导-保存
,做了同样的jQuery在app.js中也是如此
应用程序。js文件
var jQuery = require('jquery');
var bootstrap = require('bootstrap');
也换成了这个
global.jQuery = require('jquery');
var bootstrap = require('bootstrap');
var jQuery=require('jQuery');var bootstrap=require('bootstrap');
但是当我运行DEBUG=nodeAngularMySQL:*时/bin/www
我发现以下错误。
/home/sharif/Sites/node/nodeAangularMySql/node_modules/bootstrap/js/transition.js:59
}(jQuery);
^
ReferenceError: jQuery is not defined
at Object.<anonymous> (/home/sharif/Sites/node/nodeAangularMySql/node_modules/bootstrap/js/transition.js:59:3)
at Module._compile (module.js:460:26)
at Object.Module._extensions..js (module.js:478:10)
at Module.load (module.js:355:32)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object.<anonymous> (/home/sharif/Sites/node/nodeAangularMySql/node_modules/bootstrap/dist/js/npm.js:2:1)
at Module._compile (module.js:460:26)
at Object.Module._extensions..js (module.js:478:10)
这是我第一次以这种方式使用bootstrap,通常我会下载并复制到公共文件夹或Google CDN下的stylesheets文件夹中。
以前从没用过。我想知道一些这个
任何想法?
在视图文件中以hbs或html格式使用下面的CDN,下面的CDN应该可以正常工作。
我也在努力解决这个问题,但仍在尝试通过节点渲染引导,直到下面的CDN从视图(如果包括)中可以正常工作。
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
你需要这样做:
var jQuery = require('jquery');
window.$ = window.jQuery = jQuery;
var bootstrap = require('bootstrap');
你可能会遇到一些问题,如果你使用像eslint短绒,但咨询他们的留档。
您在这里所做的是将全局变量$和jQuery再次分配给全局窗口对象,这就是bootstrap正在查找它的地方。请注意,在这个JS文件中,您可以像通常一样使用jQuery变量,但是如果您试图在浏览器的控制台上使用$或jQuery,它就不存在了。但是当您将其重新分配到windows.$和window. jQuery时,它又可用了。