Question

我收到此错误我使用npx-create-react-app创建了一个新项目，然后按照此处写下的说明进行操作：https://react-bootstrap.github.io/getting-started/introduction 我已使用npm install react-bootstrap bootstrap安装。然后拿出CDN并将其复制到我的index.html

<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link
**rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin="anonymous"
/>**
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

然后导入：

import React from 'react';
import  {Grid}  from 'react-bootstrap';
import './App.css';

function App() {
  return (
    <div className="container">
        <Grid className ="purchase-card">
          <h1>Hello World</h1>
        </Grid>
    </div>
  );
}

export default App;

我尝试在Google上搜索导入的解决方案和变体（例如，从“ react-bootstrap / Button”导入Button），但似乎找不到导致此问题的原因。

Answer 1

网格已重命名为容器as you can see here

Answer 2

网格无法正常工作，我尝试了几次。您可以使用容器

function setAttributes(element, attributeToAssign, attributeValue)
{
        $(element).attr(attributeToAssign, attributeValue);

        return element;
}

Answer 3

而不是使用Grid。使用容器，希望对您有所帮助！

尝试导入错误：未从“ react-bootstrap”导出“ Grid”

3 个答案: