Visual Studio 2017 react / redux项目中的Bootstrap错误“jQuery未定义”

Question

有很多关于此错误的文档但是对于使用Visual Studio的非webpack /人来说似乎没有任何答案。

我已经尝试了所有非webpack相关的错误，例如在窗口上声明jQuery但似乎没有任何工作，我的index.tsx文件在下面。

import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/css/bootstrap-theme.css';
import * as $ from 'jquery';
import 'popper.js';
import '../node_modules/bootstrap/js/dropdown.js';
import './styles/Site.css'
import * as React from 'react';
import { render } from 'react-dom';
import { Provider } from 'react-redux';
import { BrowserRouter, Route } from 'react-router-dom';
import configureStore from './store/configureStore';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

(window as any).jQuery = $;
(window as any).$ = $;

const store = configureStore();

render(
    <BrowserRouter>
        <Provider store={store}>
            <Route path="/" component={App} />
        </Provider>
    </BrowserRouter>,
    document.getElementById('root'));

registerServiceWorker();

在加载时我得到错误

ReferenceError：jQuery未定义./node_modules/bootstrap/js/dropdown.js

我也尝试在app组件上导入dropdown.js，但仍然没有。

它似乎是一个webpack issue但Visual Studio没有webpack配置文件，所以我也不能尝试任何这些修复。我不确定Visual Studio是否在幕后使用webpack

有没有人遇到过这个问题？

Answer 1

尝试移动(window as any).jQuery = $;线以上的import '../node_modules/bootstrap/js/dropdown.js';线。