search

JimmyLv / nobackend.website

✨ A powerful rich interactive web application by using nobackend tech stack. (Hosted on @GitHub)
http://nobackend.website
82 stars 12 forks source link

react版本报错，history@3.0.0不兼容 #90

Closed axetroy closed 8 years ago

axetroy commented 8 years ago 
browser.js:49 Warning: Using { queryKey: false } no longer works. Instead, just don't use location state if you don't want a key in your URL query stringwarning @ browser.js:49
browser.js:47 Uncaught Invariant Violation: You have provided a history object created with history v3.x. This version of React Router is not compatible with v3 history objects. Please use history v2.x instead.

v3.0.0

May 30, 2016 location.query has no prototype Warn about protocol-relative URLs (#243) Bugfix: Ignore errors when saving hash history state if window.sessionStorage is undefined (#295) Bugfix: Fix replacing hash path in IE served via file protocol (#126)

版本降会2.1.2还是不行。

这个是react-router的依赖库吧？

JimmyLv commented 8 years ago

@axetroy

可以 check 一下你的 React-Router 版本吗？（我的 v2.4.1）

axetroy commented 8 years ago

@JimmyLv react-router@2.5.1

{
  "name": "react-router",
  "version": "2.5.1",
  "description": "A complete routing library for React",
  "files": [
    "*.md",
    "docs",
    "es6",
    "lib",
    "umd"
  ],
  "main": "lib/index",
  "jsnext:main": "es6/index",
  "repository": "reactjs/react-router",
  "homepage": "https://github.com/reactjs/react-router#readme",
  "bugs": "https://github.com/reactjs/react-router/issues",
  "scripts": {
    "build": "npm run build-cjs && npm run build-es",
    "build-cjs": "rimraf lib && cross-env BABEL_ENV=cjs babel ./modules -d lib --ignore '__tests__'",
    "build-es": "rimraf es6 && cross-env BABEL_ENV=es babel ./modules -d es6 --ignore '__tests__'",
    "build-umd": "cross-env BABEL_ENV=cjs NODE_ENV=development webpack modules/index.js umd/ReactRouter.js",
    "build-min": "cross-env BABEL_ENV=cjs NODE_ENV=production webpack -p modules/index.js umd/ReactRouter.min.js",
    "lint": "eslint modules examples",
    "start": "cross-env BABEL_ENV=cjs node examples/server.js",
    "test": "npm run lint && npm run test-node && npm run test-browser",
    "test-browser": "cross-env BABEL_ENV=cjs karma start",
    "test-node": "cross-env BABEL_ENV=cjs mocha --compilers js:babel-register tests.node.js"
  },
  "authors": [
    "Ryan Florence",
    "Michael Jackson"
  ],
  "license": "MIT",
  "dependencies": {
    "history": "^2.0.1",
    "hoist-non-react-statics": "^1.0.5",
    "invariant": "^2.2.1",
    "warning": "^2.1.0",
    "loose-envify": "^1.2.0"
  },
  "peerDependencies": {
    "react": "^0.14.0 || ^15.0.0"
  },
  "devDependencies": {
    "babel-cli": "^6.7.5",
    "babel-core": "^6.7.6",
    "babel-eslint": "^5.0.4",
    "babel-loader": "^6.2.4",
    "babel-plugin-add-module-exports": "^0.1.2",
    "babel-plugin-dev-expression": "^0.2.1",
    "babel-preset-es2015": "^6.6.0",
    "babel-preset-es2015-loose": "^7.0.0",
    "babel-preset-es2015-loose-native-modules": "^1.0.0",
    "babel-preset-react": "^6.5.0",
    "babel-preset-stage-1": "^6.5.0",
    "babel-register": "^6.7.2",
    "bundle-loader": "^0.5.4",
    "codecov.io": "^0.1.6",
    "coveralls": "^2.11.9",
    "cross-env": "^1.0.7",
    "css-loader": "^0.23.1",
    "eslint": "^1.10.3",
    "eslint-config-rackt": "^1.1.1",
    "eslint-plugin-react": "^3.16.1",
    "expect": "^1.18.0",
    "express": "^4.13.4",
    "express-urlrewrite": "^1.2.0",
    "gzip-size": "^3.0.0",
    "isparta-loader": "^2.0.0",
    "karma": "^0.13.22",
    "karma-browserstack-launcher": "^0.1.10",
    "karma-chrome-launcher": "^0.2.3",
    "karma-coverage": "^0.5.5",
    "karma-mocha": "^0.2.2",
    "karma-mocha-reporter": "^2.0.1",
    "karma-sourcemap-loader": "^0.3.7",
    "karma-webpack": "^1.7.0",
    "mocha": "^2.4.5",
    "pretty-bytes": "^3.0.1",
    "qs": "^6.1.0",
    "react": "^15.0.0",
    "react-addons-css-transition-group": "^15.0.0",
    "react-addons-test-utils": "^15.0.0",
    "react-dom": "^15.0.0",
    "rimraf": "^2.5.2",
    "style-loader": "^0.13.1",
    "webpack": "^1.12.14",
    "webpack-dev-middleware": "^1.6.1"
  },
  "browserify": {
    "transform": [
      "loose-envify"
    ]
  },
  "tags": [
    "react",
    "router"
  ],
  "keywords": [
    "react",
    "react-component",
    "routing",
    "route",
    "routes",
    "router"
  ],
  "_from": "react-router@2.5.1",
  "_resolved": "http://registry.npm.taobao.org/react-router/download/react-router-2.5.1.tgz"
}

依赖于history^2.0.1 实际npm install安装的是3.0 我去看了下history的changlog，3.0版本的breakchange。 但是我把history降到2.1.2还是会报错。

能贴下你的配置吗？

axetroy commented 8 years ago

@JimmyLv 能不能写个yeoman的generator。 这样就友好很多了

JimmyLv commented 8 years ago

@axetroy

我的配置如下，ReactRouter 版本 v2.4.1

另外，node @4.4.5, npm @3.9.5 (cnpm from taobao)

{
  "name": "react-router",
  "version": "2.4.1",
  "description": "A complete routing library for React",
  "files": [
    "*.md",
    "docs",
    "es6",
    "lib",
    "umd"
  ],
  "main": "lib/index",
  "jsnext:main": "es6/index",
  "repository": {
    "type": "git",
    "url": "git+https://github.com/reactjs/react-router.git"
  },
  "homepage": "https://github.com/reactjs/react-router#readme",
  "bugs": {
    "url": "https://github.com/reactjs/react-router/issues"
  },
  "scripts": {
    "build": "npm run build-cjs && npm run build-es",
    "build-cjs": "rimraf lib && cross-env BABEL_ENV=cjs babel ./modules -d lib --ignore '__tests__'",
    "build-es": "rimraf es6 && cross-env BABEL_ENV=es babel ./modules -d es6 --ignore '__tests__'",
    "build-umd": "cross-env BABEL_ENV=cjs NODE_ENV=development webpack modules/index.js umd/ReactRouter.js",
    "build-min": "cross-env BABEL_ENV=cjs NODE_ENV=production webpack -p modules/index.js umd/ReactRouter.min.js",
    "lint": "eslint modules examples",
    "start": "cross-env BABEL_ENV=cjs node examples/server.js",
    "test": "npm run lint && npm run test-node && npm run test-browser",
    "test-browser": "cross-env BABEL_ENV=cjs karma start",
    "test-node": "cross-env BABEL_ENV=cjs mocha --compilers js:babel-register tests.node.js"
  },
  "authors": [
    "Ryan Florence",
    "Michael Jackson"
  ],
  "license": "MIT",
  "dependencies": {
    "history": "^2.0.1",
    "hoist-non-react-statics": "^1.0.5",
    "invariant": "^2.2.1",
    "warning": "^2.1.0"
  },
  "peerDependencies": {
    "react": "^0.14.0 || ^15.0.0"
  },
  "devDependencies": {
    "babel-cli": "^6.7.5",
    "babel-core": "^6.7.6",
    "babel-eslint": "^5.0.4",
    "babel-loader": "^6.2.4",
    "babel-plugin-add-module-exports": "^0.1.2",
    "babel-plugin-dev-expression": "^0.2.1",
    "babel-preset-es2015": "^6.6.0",
    "babel-preset-es2015-loose": "^7.0.0",
    "babel-preset-es2015-loose-native-modules": "^1.0.0",
    "babel-preset-react": "^6.5.0",
    "babel-preset-stage-1": "^6.5.0",
    "babel-register": "^6.7.2",
    "bundle-loader": "^0.5.4",
    "codecov.io": "^0.1.6",
    "coveralls": "^2.11.9",
    "cross-env": "^1.0.7",
    "css-loader": "^0.23.1",
    "eslint": "^1.10.3",
    "eslint-config-rackt": "^1.1.1",
    "eslint-plugin-react": "^3.16.1",
    "expect": "^1.18.0",
    "express": "^4.13.4",
    "express-urlrewrite": "^1.2.0",
    "gzip-size": "^3.0.0",
    "isparta-loader": "^2.0.0",
    "karma": "^0.13.22",
    "karma-browserstack-launcher": "^0.1.10",
    "karma-chrome-launcher": "^0.2.3",
    "karma-coverage": "^0.5.5",
    "karma-mocha": "^0.2.2",
    "karma-mocha-reporter": "^2.0.1",
    "karma-sourcemap-loader": "^0.3.7",
    "karma-webpack": "^1.7.0",
    "mocha": "^2.4.5",
    "pretty-bytes": "^3.0.1",
    "qs": "^6.1.0",
    "react": "^15.0.0",
    "react-addons-css-transition-group": "^15.0.0",
    "react-addons-test-utils": "^15.0.0",
    "react-dom": "^15.0.0",
    "rimraf": "^2.5.2",
    "style-loader": "^0.13.1",
    "webpack": "^1.12.14",
    "webpack-dev-middleware": "^1.6.1"
  },
  "tags": [
    "react",
    "router"
  ],
  "keywords": [
    "react",
    "react-component",
    "routing",
    "route",
    "routes",
    "router"
  ],
  "gitHead": "f17c4b75b2697d23445196123f658a27e37309b3",
  "_id": "react-router@2.4.1",
  "_shasum": "bae815cd74b9c512192d9d17a1276f5462574775",
  "_from": "react-router@latest",
  "_npmVersion": "3.9.0",
  "_nodeVersion": "6.0.0",
  "_npmUser": {
    "name": "taion",
    "email": "tesrin@gmail.com"
  },
  "dist": {
    "shasum": "bae815cd74b9c512192d9d17a1276f5462574775",
    "size": 121937,
    "noattachment": false,
    "tarball": "http://registry.npm.taobao.org/react-router/download/react-router-2.4.1.tgz"
  },
  "maintainers": [
    {
      "name": "mjackson",
      "email": "mjijackson@gmail.com"
    },
    {
      "name": "ryanflorence",
      "email": "rpflorence@gmail.com"
    },
    {
      "name": "taion",
      "email": "tesrin@gmail.com"
    }
  ],
  "_npmOperationalInternal": {
    "host": "packages-16-east.internal.npmjs.com",
    "tmp": "tmp/react-router-2.4.1.tgz_1463697680899_0.2643290457781404"
  },
  "directories": {},
  "publish_time": 1463697684116,
  "_cnpm_publish_time": 1463697684116,
  "_resolved": "https://registry.npm.taobao.org/react-router/download/react-router-2.4.1.tgz",
  "readme": "ERROR: No README data found!"
}
axetroy commented 8 years ago

@JimmyLv 谢谢，把react-router的版本号降一降就好了