“毛毛雨-反应-部件”进口错误为"LoadingContainer“

Question

我正在尝试导入import { LoadingContainer } from 'drizzle-react-components'

我成功地用npm install drizzle-react-components@1.3.0安装了它

它安装在目录Drizzle\client\node_modules\drizzle-react-components中。

然而，每当我启动react应用程序时，我就会得到这个错误。

Failed to compile
    ./node_modules/drizzle-react-components/dist/drizzle-react-components.js
    Module not found: Can't resolve 'drizzle-react' in 'C:\Users\carl-\Dropbox\Brain\Education\Independent Software Studies\Blockchain\solidity\Drizzle\client\node_modules\drizzle-react-components\dist'

这是C:\Users\carl-\Dropbox\Brain\Education\Independent Software Studies\Blockchain\solidity\Drizzle\client\src\app.js内部的完整代码

import React from 'react';
import logo from './logo.svg';
import './App.css';
import { LoadingContainer } from 'drizzle-react-components'

function App() {
  return (
    <div className="App">
      //<LoadingContainer>
        <h1>Hello Smart Contracts</h1>
      //</LoadingContainer>
      <h1>Hello Mrs blockchain??</h1>
    </div>
  );
}

export default App;

如有任何指导，将不胜感激。

谢谢

Answer 1

import { DrizzleProvider } from 'drizzle-react';
import { LoadingContainer } from 'drizzle-react-components'

const drizzleOptions = {
    contracts: [ContractA]
}

    <DrizzleProvider options={drizzleOptions}>

        <h1>Hello Smart Contracts</h1>
      //</LoadingContainer>