reactjs - Bootstrap-fel "jQuery är inte definierad" i Visual Studio 2017 react/redux-projekt

Det finns ganska mycket dokumentation kring detta fel, men det verkar inte finnas några svar för icke-webpack/användare av Visual Studio.

Jag har försökt med alla icke-webpack-relaterade fel, såsom att deklarera jQuery på fönstret, men inget verkar fungera, min index.tsx-fil finns nedan.

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();

Vid uppladdning får jag felet

ReferenceError: jQuery är inte definierad ./node_modules/bootstrap/js/dropdown.js

Jag har också försökt importera dropdown.js i appkomponenten men fortfarande inget.

Det verkar vara ett problem med webpack, men Visual Studio har ingen webpack-konfigurationsfil så jag kan inte prova någon av dessa lösningar heller. Jag är inte säker på om Visual Studio använder webpack bakom kulisserna.

Har någon stött på detta problem tidigare?

Svar #1

Försök att flytta raden (window as any).jQuery=$; ovanför import '../node_modules/bootstrap/js/dropdown.js';.