VictoryGroup отображается в SVG <g> вызывает ошибку

Я не могу отобразить элемент VictoryGroup внутри элемента SVG. ПРИМЕЧАНИЕ: я использую электрон, который отлично работает для всех других страниц. Я отображаю веб-страницу так, как обычно запускаю сервер (веб-пакет), а затем он подается в Electron. У меня есть настройки для загрузки в браузере, а затем электрон. Браузер будет нормально загружать график, однако электрон ничего не загрузит.

Обзор графика

import VictoryGroupChart from './VictoryGroupChart';

class Graph extends Component {
    <svg>
        <g>
            <VictoryGroupChart />
        </g>
    </svg>
}
export default Graph;

Обзор VictoryGroupChart

import VictoryGroup from 'victory-group';

class VictoryGroupChart extends Component {
    render() {
        return (
            <VictoryGroup />
        )
    }
}
export default VictoryGroupChart;

Всякий раз, когда я запускаю 'yarn dev', я получаю следующие ошибки:

Предупреждение: React.createElement: тип недействителен - ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: undefined. Вероятно, вы забыли экспортировать свой компонент из файла, в котором он определен, или вы могли смешать импорт по умолчанию и с именами.

А также

Uncaught Error: недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: undefined. Вероятно, вы забыли экспортировать свой компонент из файла, в котором он определен, или вы могли смешать импорт по умолчанию и с именами.

Вот мой index.js, и я проверил, что ссылки работают без рендеринга графика

ReactDOM.render(
  <Provider store={store}>
    <ConnectedRouter history={history}>
      <Switch>
        <Route exact path="/" component={App} />
        <Route exact path="/login" component={Login} />
      </Switch>
    </ConnectedRouter>
  </Provider>,
  document.getElementById('app'),
);

В случае, если package.json полезен...

{
  "name": "harvest-desktop",
  "description": "Harvest Profit's first desktop app",
  "productName": "Harvest Profit",
  "copyright": "Copyright © 2018 Harvest Profit",
  "version": "0.0.1",
  "license": "UNLICENSED",
  "homepage": "https://www.harvestprofit.com",
  "author": {
    "name": "Jaryd Krishnan",
    "email": "jaryd@harvestprofit.com"
  },
  "build": {
    "appId": "com.harvest.app",
    "mac": {
      "category": "public.app-category.business",
      "icon": "static/icon.png"
    },
    "win": {
      "icon": "static/icon.png"
    }
  },
  "scripts": {
    "dev": "electron-webpack dev",
    "compile": "electron-webpack",
    "dist": "yarn compile && electron-builder",
    "dist:dir": "yarn dist --dir -c.compression=store -c.mac.identity=null",
    "test": "jest"
  },
  "dependencies": {
    "@harvest-profit/calculations": "^1.1.0",
    "axios": "^0.18.0",
    "bootstrap": "^4.1.1",
    "connected-react-router": "^4.3.0",
    "electron-devtools-installer": "^2.2.4",
    "electron-store": "^2.0.0",
    "history": "^4.7.2",
    "jquery": "^3.3.1",
    "js-cookie": "^2.2.0",
    "lodash": "^4.17.10",
    "moment": "^2.22.2",
    "popper.js": "^1.14.3",
    "prop-types": "^15.6.1",
    "react": "^16.4.0",
    "react-dom": "^16.4.0",
    "react-hot-loader": "^4.2.0",
    "react-redux": "^5.0.7",
    "react-router": "^4.2.0",
    "react-router-dom": "^4.3.1",
    "react-router-redux": "^4.0.8",
    "reactstrap": "^6.0.1",
    "redux": "^4.0.0",
    "redux-devtools-extension": "^2.13.2",
    "redux-saga": "^1.0.0-beta.1",
    "redux-thunk": "^2.3.0",
    "source-map-support": "^0.5.6",
    "victory-area": "^30.2.0",
    "victory-chart": "^30.1.0",
    "victory-group": "^30.1.0",
    "victory-line": "^30.2.0",
    "victory-scatter": "^30.2.0",
    "victory-tooltip": "^30.1.0"
  },
  "devDependencies": {
    "@babel/core": "7.0.0-beta.49",
    "@babel/preset-env": "^7.0.0-beta.49",
    "@babel/preset-react": "^7.0.0-beta.49",
    "babel-eslint": "^7.2.3",
    "babel-jest": "^23.4.2",
    "babel-loader": "^8.0.0-beta",
    "babel-polyfill": "^6.26.0",
    "electron": "2.0.2",
    "electron-builder": "^20.15.1",
    "electron-webpack": "^2.1.2",
    "electron-webpack-eslint": "^2.1.1",
    "enzyme": "^3.3.0",
    "enzyme-adapter-react-16": "^1.1.1",
    "enzyme-to-json": "^3.3.4",
    "eslint": "^4.19.1",
    "eslint-config-airbnb": "^16.1.0",
    "eslint-plugin-import": "^2.12.0",
    "eslint-plugin-jsx-a11y": "^6.0.3",
    "eslint-plugin-react": "^7.8.2",
    "jest": "^23.4.2",
    "jest-environment-jsdom": "^23.4.0",
    "node-sass": "^4.9.0",
    "react-test-renderer": "^16.4.2",
    "sass-loader": "^7.0.1",
    "webpack": "^4.8.3"
  },
  "resolutions": {
    "webpack-sources": "1.1.0"
  }
}

0 ответов

Другие вопросы по тегам