Code Monkey home page Code Monkey logo

Comments (10)

weepy3641 avatar weepy3641 commented on May 22, 2024 2

@tdida @wangjianio
fixed at [email protected]

from bizcharts.

weepy3641 avatar weepy3641 commented on May 22, 2024

@tdida
That's be fixed at 3.1.0-beta.2

from bizcharts.

wangjianio avatar wangjianio commented on May 22, 2024

But I also have this problem in 3.1.0-beta.2 or 3.1.0-beta.4
"dependencies": {
"@antv/data-set": "^0.8.2",
"antd": "^3.0.3",
"bizcharts": "^3.1.0-beta.2",
"copy-to-clipboard": "^3.0.8",
"jquery": "^3.2.1",
"jshashes": "^1.0.7",
"mockjs": "^1.0.1-beta3",
"primer-markdown": "^3.7.3",
"react": "^16.1.1",
"react-app-rewire-less": "^2.1.0",
"react-dom": "^16.1.1",
"react-icons": "^2.2.7",
"react-redux": "^5.0.6",
"react-router": "^4.2.0",
"react-router-dom": "^4.2.2",
"react-scripts": "1.0.17",
"redux": "^3.7.2"
},

from bizcharts.

dickeylth avatar dickeylth commented on May 22, 2024

+1

from bizcharts.

weepy3641 avatar weepy3641 commented on May 22, 2024

@wangjianio @dickeylth

https://stackoverflow.com/questions/46693961/locally-developed-react-component-imported-causes-error-on-build
facebook/create-react-app#3312

it seems that you have been used two version of react / react-dom.
make sure all your dependence packages are all compatible with react16.

Try to clear node-modules and install again.

from bizcharts.

dickeylth avatar dickeylth commented on May 22, 2024

@weepy3641 I've also found the link, and I reviewed my code and found noting about two versions of react/react-dom. I'm using ant-design-pro with bizcharts.
Besides, when I use roadhog build and generated production mode bundle, the error occurred, but when I use roadhog build --debug and generated development mode bundle, the error wouldn't show. And that makes it hard to debug.

from bizcharts.

weepy3641 avatar weepy3641 commented on May 22, 2024

@dickeylth
Can you show me your package.json ?
And what's your bizcharts version ?

from bizcharts.

nikogu avatar nikogu commented on May 22, 2024

@dickeylth

node version
npm version

from bizcharts.

weepy3641 avatar weepy3641 commented on May 22, 2024

@dickeylth
npm ls react
npm ls react-dom

you can create an issue in ant-design-pro, recently pro have not found this problem.

from bizcharts.

dickeylth avatar dickeylth commented on May 22, 2024

package.json

{
  "name": "jellyfish",
  "version": "0.1.0",
  "description": "An out-of-box UI solution for enterprise applications",
  "private": true,
  "scripts": {
    "precommit": "npm run lint-staged",
    "start": "PORT=9001 roadhog server",
    "start:no-proxy": "cross-env NO_PROXY=true PORT=9001 roadhog server",
    "build": "roadhog build",
    "site": "roadhog-api-doc static && gh-pages -d dist",
    "analyze": "roadhog build --analyze",
    "lint:style": "stylelint \"src/**/*.less\" --syntax less",
    "lint": "eslint --ext .js src mock tests && npm run lint:style",
    "lint:fix": "eslint --fix --ext .js src mock tests && npm run lint:style",
    "lint-staged": "lint-staged",
    "lint-staged:js": "eslint --ext .js",
    "test": "jest",
    "test:all": "node ./tests/run-tests.js"
  },
  "dependencies": {
    "antd": "^3.0.0",
    "babel-polyfill": "^6.26.0",
    "babel-runtime": "^6.9.2",
    "bizcharts": "^3.1.0-beta.2",
    "classnames": "^2.2.5",
    "core-js": "^2.5.1",
    "dva": "^2.1.0",
    "g-cloud": "^1.0.2-beta",
    "g2": "^2.3.13",
    "g2-plugin-slider": "^1.2.1",
    "js-cookie": "^2.2.0",
    "lodash": "^4.17.4",
    "lodash-decorators": "^4.4.1",
    "lodash.clonedeep": "^4.5.0",
    "lodash.debounce": "^4.0.8",
    "moment": "^2.19.1",
    "numeral": "^2.0.6",
    "prop-types": "^15.5.10",
    "qs": "^6.5.0",
    "react": "^16.0.0",
    "react-container-query": "^0.9.1",
    "react-document-title": "^2.0.3",
    "react-dom": "^16.0.0",
    "react-fittext": "^1.0.0"
  },
  "devDependencies": {
    "babel-eslint": "^8.0.1",
    "babel-jest": "^21.0.0",
    "babel-plugin-dva-hmr": "^0.3.2",
    "babel-plugin-import": "^1.2.1",
    "babel-plugin-transform-class-properties": "^6.24.1",
    "babel-plugin-transform-decorators-legacy": "^1.3.4",
    "babel-plugin-transform-runtime": "^6.9.0",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1",
    "cross-env": "^5.1.1",
    "cross-port-killer": "^1.0.1",
    "enzyme": "^3.1.0",
    "enzyme-adapter-react-16": "^1.0.2",
    "eslint": "^4.8.0",
    "eslint-config-airbnb": "^16.0.0",
    "eslint-plugin-babel": "^4.0.0",
    "eslint-plugin-compat": "^2.1.0",
    "eslint-plugin-import": "^2.2.0",
    "eslint-plugin-jsx-a11y": "^6.0.0",
    "eslint-plugin-markdown": "^1.0.0-beta.6",
    "eslint-plugin-react": "^7.0.1",
    "gh-pages": "^1.0.0",
    "jest": "^21.0.1",
    "lint-staged": "^4.3.0",
    "mockjs": "^1.0.1-beta3",
    "pro-download": "^1.0.0",
    "react-test-renderer": "^16.0.0",
    "redbox-react": "^1.3.2",
    "roadhog": "^1.3.1",
    "roadhog-api-doc": "^0.3.3",
    "rollbar": "^2.3.1",
    "stylelint": "^8.1.0",
    "stylelint-config-standard": "^17.0.0"
  },
  "optionalDependencies": {
    "nightmare": "^2.10.0"
  },
  "babel": {
    "presets": [
      "env",
      "react"
    ],
    "plugins": [
      "transform-decorators-legacy",
      "transform-class-properties"
    ]
  },
  "jest": {
    "setupFiles": [
      "<rootDir>/tests/setupTests.js"
    ],
    "testMatch": [
      "**/?(*.)(spec|test|e2e).js?(x)"
    ],
    "setupTestFrameworkScriptFile": "<rootDir>/tests/jasmine.js",
    "moduleFileExtensions": [
      "js",
      "jsx"
    ],
    "moduleNameMapper": {
      "\\.(css|less)$": "<rootDir>/tests/styleMock.js"
    }
  },
  "lint-staged": {
    "**/*.{js,jsx}": "lint-staged:js",
    "**/*.less": "stylelint --syntax less"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 10"
  ]
}
~/dev/gitlab/jellyfish/site(feature/20171205_1584887_init_1 ✗) ll node_modules/react
lrwxr-xr-x  1 dickeylth  staff    19B 12  8 11:08 node_modules/react -> [email protected]@react
~/dev/gitlab/jellyfish/site(feature/20171205_1584887_init_1 ✗) ll node_modules/react-dom
lrwxr-xr-x  1 dickeylth  staff    27B 12  8 11:08 node_modules/react-dom -> [email protected]@react-dom
~/dev/gitlab/jellyfish/site(feature/20171205_1584887_init_1 ✗) tnpm ls react
[email protected] /Users/dickeylth/dev/gitlab/jellyfish/site
└── (empty)

[tnpm] subprocess:/usr/local/lib/node_modules/tnpm/node_modules/npm/bin/npm-cli.js exit code: 1, signal: null
[tnpm] mainprocess exit code: 1
~/dev/gitlab/jellyfish/site(feature/20171205_1584887_init_1 ✗) tnpm ls react-dom
tnpm [email protected] /Users/dickeylth/dev/gitlab/jellyfish/site
└── (empty)

[tnpm] subprocess:/usr/local/lib/node_modules/tnpm/node_modules/npm/bin/npm-cli.js exit code: 1, signal: null
[tnpm] mainprocess exit code: 1
~/dev/gitlab/jellyfish/site(feature/20171205_1584887_init_1 ✗) tnpm -v
[email protected] (/usr/local/lib/node_modules/tnpm/bin/tnpm.js)
[email protected] (/usr/local/lib/node_modules/tnpm/node_modules/npm/lib/npm.js)
[email protected] (/usr/local/bin/node)
[email protected] (/usr/local/lib/node_modules/tnpm/node_modules/npminstall/lib/index.js)
prefix=/usr/local (load prefix from: $ npm config get prefix)
darwin x64 17.3.0
registry=http://registry.npm.alibaba-inc.com

from bizcharts.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.