使用 Clojurescript 中的 Bootstrap 3
Using Bootstrap 3 from Clojurescript
我想在我的标记中有一个 React Bootstrap JavaScript 文件,然后使用 Clojurescript 中的 Bootstrap 组件。我知道这种简单的方法(不使用cljs库)应该是可能的。但是,我一开始就遇到了问题,甚至加载静态 html 页面。
页面的正文部分如下所示:
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-bootstrap/0.28.2/react-bootstrap.min.js"></script>
<script src="/js/devcards.js" type="text/javascript"></script>
</body>
正在加载/执行react-bootstrap.min.js
文件,并在浏览器控制台中返回此错误:
Navigated to http://localhost:3449/cards.html
Uncaught TypeError: Cannot read property 'createClass' of undefined
PanelGroup.js:7
bootstrap 35d834203e0f472d9612:19
react-bootstrap.min.js:7481
我这样做的方式是错误的吗?
有一个使用 Om 的引导项目。
https://github.com/racehub/om-bootstrap
希望会有比这个非常直接的答案更好的答案。我发现包括此处推荐的所有文件可以让我克服该特定错误。
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react-dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-bootstrap/0.28.2/react-bootstrap.min.js"></script>
但这真的是使用ClojureScript的最佳方式吗?洛克React 通常已经包含在 ClojureScript 开发堆栈中(通过 Reagent 或 Om)。似乎我正在发现为什么最好坚持使用 Bootstrap 库。
相关文章:
- 在bootstrap中显示隐藏特定的li
- 在BootStrap菜单栏中为所选项目设置背景,类似于BootStrap中的父导航选项
- 使用Bootstrap'在Javascript字符串中的popover插件
- 禁用Bootstrap中的输入字段
- Angular+Bootstrap中的活动按钮状态
- 将文本分配给Bootstrap中的下拉按钮
- 当记录达到10以上时,Bootstrap中的DataTable不执行jQuery
- React和Bootstrap中的响应Navbar
- Angular js UI.bootstrap 中的分页对我不起作用
- 了解数据消除属性在Bootstrap中的工作原理
- "强制回流”;在Bootstrap中的CSS转换中
- 使用redux单击react- bootstrap中的外部模态
- bootstrap中的进度条跳动和不准确?(包括小提琴示范)
- Twitter Bootstrap中的多个按钮显示相同的下拉菜单-为什么?
- 在ajax之后,bootstrap中的工具提示不起作用
- Twitter-Bootstrap中的JS冲突
- Twitter Bootstrap 中的数据切换属性
- Bootstrap中的响应动画背景
- 禁用 Bootstrap 中的复选框标签并将其灰显
- 清除angular bootstrap中的选定输入