时间戳

首页 > 解决方案 > React with bootstrap error failed to compile babel loader module not found

reactjs - React with bootstrap error failed to compile babel loader module not found

问题描述

我是 React 的新手，我正在尝试将 bootstrap 与新的 React 项目集成，create-react-app使用 Yarn 安装了我的应用程序，安装了 bootstrap 和 reactstrap，这是我在src/文件夹中的 index.js 文件

import React from 'react';
import ReactDOM from 'react-dom';
import 'bootstrap/dist/css/bootstrap.min.css';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

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

serviceWorker.unregister();

这是我的 app.js 文件

import React, { Component } from 'react';
import { Navbar, NavbarBrand } from 'reactstrap';
import logo from './logo.svg';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">
        <Navbar dark color="primary">
          <div className="container">
            <NavbarBrand href="/">my-brand</NavbarBrand>
          </div>
        </Navbar>
      </div>
    );
  }
}

export default App;

现在，当我保存并运行上述代码时，出现以下错误：-

有人知道可能是什么问题吗？谢谢。

标签： reactjsbootstrap-4

解决方案

我遇到了同样的问题，对我有用的是以下内容：

  1. 消除package-lock.json
  2. 运行npm install然后npm start再运行

希望这可以帮助

推荐阅读