このエラーを取り巻くドキュメントはかなりたくさんありますが、VisualStudioを使用しているWebパック/人以外の人には答えがないようです。
ウィンドウでjQueryを宣言するなど、Webpackに関連しないすべてのエラーを試しましたが、何も機能していないようです。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
また、アプリコンポーネントにdropdown.jsをインポートしようとしましたが、まだ何もありません。
これはwebpackの問題のようですが、Visual Studioにはwebpack構成ファイルがないため、これらの修正も試すことができません。VisualStudioが舞台裏でwebpackを使用しているかどうかはわかりません
誰かが以前にこの問題に遭遇したことがありますか?
(window as any).jQuery = $;
上の行を移動してみてくださいimport '../node_modules/bootstrap/js/dropdown.js';
。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加