Javascript 引导样式在create react应用程序的生产构建中消失

我已经使用CreateReact应用程序制作了一个react应用程序。当我通过localhost测试它时，我所有的css和引导都按预期工作。然而，当我部署react应用程序时，引导样式突然不起作用（但是app.css中的css仍然有效）

我试着对导入语句重新排序并删除所有不必要的css，但没有任何效果

任何建议都将不胜感激

以下是进口声明：

App.js（包含路由/主页元素的代码）

Home.js（主页代码）：

index.js：

import { HashRouter } from 'react-router-dom';
import React from 'react';
import ReactDOM from 'react-dom';
import 'bootstrap/dist/css/bootstrap.min.css';

import App from './App.js'
import './App.css';

ReactDOM.render((
  <HashRouter>
    <App />
  </HashRouter>
  ), document.getElementById('root')
);

从'react router dom'导入{HashRouter}；
从“React”导入React；
从“react dom”导入react dom；
导入'bootstrap/dist/css/bootstrap.min.css'；
从“./App.js”导入应用程序
导入“/App.css”；
ReactDOM.render((
)，document.getElementById（'root'））
);

我的直觉是，引导样式的导入语句没有使用相对路径。我不确定您是如何捆绑此应用程序的，但可能会尝试为其提供直接路径：

import'../parentfolder/childfolder/bootstrap/dist/css/bootstrap.min.css'

import React from 'react';
import ReactDOM from 'react-dom';

import { HashRouter } from 'react-router-dom';
import React from 'react';
import ReactDOM from 'react-dom';
import 'bootstrap/dist/css/bootstrap.min.css';

import App from './App.js'
import './App.css';

ReactDOM.render((
  <HashRouter>
    <App />
  </HashRouter>
  ), document.getElementById('root')
);