Bootstrap 的 JavaScript 在创建反应项目时需要 jQuery
Posted
技术标签:
【中文标题】Bootstrap 的 JavaScript 在创建反应项目时需要 jQuery【英文标题】：Bootstrap's JavaScript requires jQuery while creating react project 【发布时间】：2019-07-01 05:10:57 【问题描述】：我使用的是 Bootstrap v3.3.6 和 jQuery v2.2.4
我是否需要更改版本才不会出现此错误。 我有 index.html 如下所示
<html lang="en">
<head>
<link href="css/style.css" rel="stylesheet">
</head>
<body class="nav-md">
<div id="app"></div>
<script src="./js/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/custom.min.js"></script>
<script src="/bundle.js"></script>
</body>
</html>
Index.js 文件
import 'babel-polyfill';
import React from 'react';
import ReactDOM from 'react-dom';
import Provider from 'react-redux';
import Router, browserHistory from 'react-router';
import routes from './routes';
import './css/bootstrap.min.css';
import './css/custom.min.css';
import './css/style.css';
import './js/jquery.min.js';
import './js/bootstrap.min.js';
import './js/custom.min.js';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import indigoA200 from 'material-ui/styles/colors';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
const muiTheme = getMuiTheme(
palette:
primary1Color: indigoA200,
primary2Color: indigoA200,
,
);
ReactDOM.render((
<MuiThemeProvider muiTheme=muiTheme>
<Router history=browserHistory routes=routes />
</MuiThemeProvider>)
,document.getElementById('app')
);
我看不到 UI，我得到 Bootstrap 的 javascript 需要 jQuery
【问题讨论】：
究竟是什么错误？你能提到错误信息吗？另外，我建议使用来自w3schools.com/bootstrap/bootstrap_get_started.asp 的当前 CDN，看看是否能解决问题？ 可能与***.com/questions/22658015/…重复 【参考方案1】：从给定的消息来看，您的 jQuery Bootstrap 和其他文件似乎没有正确设置并包含一些错误，并且 javascript 在单个线程上运行，因此它在未完成文件并引发错误的情况下终止执行。 请检查您的 jQuery 和 Bootstrap 文件并尝试使用来自Getting Start with Bootstrap的 CDN
据我所知，你使用了错误的导入，如果你的 index.html 文件有 src，你不需要在 index.js 文件中导入它，并且可以类似地使用所有类。请看 How to include third party libraries in React
【讨论】：
以上是关于Bootstrap 的 JavaScript 在创建反应项目时需要 jQuery的主要内容，如果未能解决你的问题，请参考以下文章
ASP.NET MVC 新手：为啥在创建强类型视图时我的模型不可用？
JavaScript强化教程——Bootstrap 包的内容