react-fabricjs TypeError：無法讀取未定義的屬性“bool”

Question

我正在嘗試評估 react-fabricjs 包，但它似乎不適用於當前的 React 16.12.0 版本。 我得到的錯誤是： TypeError: 無法讀取/./src/StaticCanvas.jsx?:414:40中未定義的屬性 'bool' 后跟一堆其他錯誤。 關於如何使用 Fabricjs 或建議另一個庫的任何想法？

要復制這個問題，我只需通過npx create-react-app demo創建空白 React 應用npx create-react-app demo並添加包yarn add react-fabricjs --save

import logo from './logo.svg';
import './App.css';
import { Canvas, Text } from 'react-fabricjs';


function App() {
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>
              <Canvas
                  width="900"
                  height="900">
                  <Text
                      text="Hello World!"
                      left={300}
                      top={300}
                      fill="#000000"
                      fontFamily="Arial"
                  />
              </Canvas>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
      </header>
    </div>
  );
}

export default App;

Answer 1

看看我只使用這個包創建的沙箱上的錯誤，我可以看到它試圖從 react 的對象訪問 PropTypes。

基於反應文檔：

自 React v15.5 以來，React.PropTypes 已移入不同的包

所以，我的假設是這個模塊是使用 React 版本構建的，它的對象下仍然有 PropTypes。

您可能會考慮尋找一個不同的模塊，因為這個模塊似乎不再維護。