Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么我的React应用程序突然无法在本地运行?_Javascript_Reactjs - Fatal编程技术网

Javascript 为什么我的React应用程序突然无法在本地运行?

Javascript 为什么我的React应用程序突然无法在本地运行?,javascript,reactjs,Javascript,Reactjs,我有一个React应用程序,我已经一年多没有在本地启动了。上次我启动这个应用程序时,它运行得非常好。该应用程序今天继续在Heroku的云中运行。但是我想在本地处理它,并且使用完全相同的package.json,当它在一年前运行良好时,现在在浏览器中失败,并显示以下错误消息: TypeError: Cannot read property 'ReactCurrentOwner' of undefined 我已尝试删除我的node_modules目录,并删除任何非warn.lock文件,但错误仍

我有一个React应用程序,我已经一年多没有在本地启动了。上次我启动这个应用程序时,它运行得非常好。该应用程序今天继续在Heroku的云中运行。但是我想在本地处理它,并且使用完全相同的package.json,当它在一年前运行良好时,现在在浏览器中失败,并显示以下错误消息:

TypeError: Cannot read property 'ReactCurrentOwner' of undefined

我已尝试删除我的node_modules目录,并删除任何非warn.lock文件,但错误仍然存在

我知道你们中有一个聪明人可以帮忙。 我将非常感激

package.json

{
  "name": "mazzo-react-test",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "auth0-lock": "^10.24.3",
    "autoprefixer": "7.1.2",
    "babel-core": "6.25.0",
    "babel-eslint": "7.2.3",
    "babel-jest": "20.0.3",
    "babel-loader": "7.1.1",
    "babel-preset-react-app": "^3.1.2",
    "babel-runtime": "6.23.0",
    "case-sensitive-paths-webpack-plugin": "2.1.1",
    "chalk": "^1.1.3",
    "css-loader": "0.28.4",
    "dotenv": "4.0.0",
    "eslint": "4.4.1",
    "eslint-config-react-app": "^2.1.0",
    "eslint-loader": "1.9.0",
    "eslint-plugin-flowtype": "2.35.0",
    "eslint-plugin-import": "2.7.0",
    "eslint-plugin-jsx-a11y": "5.1.1",
    "eslint-plugin-react": "7.1.0",
    "extract-text-webpack-plugin": "3.0.0",
    "file-loader": "0.11.2",
    "fs-extra": "3.0.1",
    "html-webpack-plugin": "2.29.0",
    "jest": "20.0.4",
    "konva": "^1.7.6",
    "material-ui": "^0.18.7",
    "object-assign": "4.1.1",
    "postcss-flexbugs-fixes": "3.2.0",
    "postcss-loader": "2.0.6",
    "promise": "8.0.1",
    "react": "^15.6.2",
    "react-dev-utils": "^3.1.3",
    "react-dom": "^15.6.2",
    "react-error-overlay": "^1.0.10",
    "react-konva": "^1.7.16",
    "react-relay": "0.10.0",
    "react-relay-network-layer": "1.3.9",
    "react-router": "3.0.2",
    "react-router-relay": "0.13.5",
    "react-tap-event-plugin": "^2.0.1",
    "relay-commit-mutation-promise": "^1.0.1",
    "style-loader": "0.18.2",
    "styled-components": "^2.4.1",
    "sw-precache-webpack-plugin": "0.11.4",
    "url-loader": "0.5.9",
    "webpack": "3.5.1",
    "webpack-dev-server": "2.7.1",
    "webpack-manifest-plugin": "1.2.1",
    "whatwg-fetch": "2.0.3"
  },
  "scripts": {
    "start": "node scripts/start.js",
    "build": "GRAPHQL_ENDPOINT=https://api.graph.cool/relay/v1/cj63i9kajpzhw0153segab1wa node scripts/build.js",
    "test": "node scripts/test.js --env=jsdom"
  },
  "jest": {
    "collectCoverageFrom": [
      "src/**/*.{js,jsx}"
    ],
    "setupFiles": [
      "<rootDir>/config/polyfills.js"
    ],
    "testMatch": [
      "<rootDir>/src/**/__tests__/**/*.js?(x)",
      "<rootDir>/src/**/?(*.)(spec|test).js?(x)"
    ],
    "testEnvironment": "node",
    "testURL": "http://localhost",
    "transform": {
      "^.+\\.(js|jsx)$": "<rootDir>/node_modules/babel-jest",
      "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
      "^(?!.*\\.(js|jsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
    },
    "transformIgnorePatterns": [
      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$"
    ],
    "moduleNameMapper": {
      "^react-native$": "react-native-web"
    },
    "moduleFileExtensions": [
      "web.js",
      "js",
      "json",
      "web.jsx",
      "jsx",
      "node"
    ]
  },
  "babel": {
    "plugins": [
      "react-relay"
    ],
    "presets": [
      "react-app"
    ]
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "devDependencies": {
    "babel-plugin-react-relay": "^0.10.0"
  }
}
{
“名称”:“mazzo反应测试”,
“版本”:“0.1.0”,
“私人”:没错,
“依赖项”:{
“auth0锁”:“^10.24.3”,
“自动刷新器”:“7.1.2”,
“巴别塔核心”:“6.25.0”,
“babel eslint”:“7.2.3”,
“巴别塔笑话”:“20.0.3”,
“巴别塔装载机”:“7.1.1”,
“巴别塔预设反应应用程序”:“^3.1.2”,
“巴别塔运行时”:“6.23.0”,
“区分大小写的路径网页包插件”:“2.1.1”,
“粉笔”:“^1.1.3”,
“css加载器”:“0.28.4”,
“dotenv”:“4.0.0”,
“eslint”:“4.4.1”,
“eslint配置反应应用程序”:“^2.1.0”,
“eslint加载器”:“1.9.0”,
“eslint插件流类型”:“2.35.0”,
“eslint插件导入”:“2.7.0”,
“eslint-plugin-jsx-a11y”:“5.1.1”,
“eslint插件反应”:“7.1.0”,
“提取文本网页包插件”:“3.0.0”,
“文件加载器”:“0.11.2”,
“fs额外”:“3.0.1”,
“html网页包插件”:“2.29.0”,
“笑话”:“20.0.4”,
“konva”:“^1.7.6”,
“材料界面”:“^0.18.7”,
“对象分配”:“4.1.1”,
“postcss flexbugs修复程序”:“3.2.0”,
“postcss加载器”:“2.0.6”,
“承诺”:“8.0.1”,
“反应”:“^15.6.2”,
“反应开发工具”:“^3.1.3”,
“react dom”:“^15.6.2”,
“反应错误覆盖”:“^1.0.10”,
“react konva”:“^1.7.16”,
“反应继电器”:“0.10.0”,
“react中继网络层”:“1.3.9”,
“反应路由器”:“3.0.2”,
“反应路由器中继”:“0.13.5”,
“反应点击事件插件”:“^2.0.1”,
“中继承诺”:“^1.0.1”,
“样式加载器”:“0.18.2”,
“样式化组件”:“^2.4.1”,
“sw precache网页包插件”:“0.11.4”,
“url加载器”:“0.5.9”,
“网页包”:“3.5.1”,
“网页包开发服务器”:“2.7.1”,
“网页包清单插件”:“1.2.1”,
“whatwg fetch”:“2.0.3”
},
“脚本”:{
“开始”:“节点脚本/start.js”,
“构建”:“GRAPHQL_端点”=https://api.graph.cool/relay/v1/cj63i9kajpzhw0153segab1wa 节点脚本/build.js“,
“测试”:“节点脚本/test.js--env=jsdom”
},
“笑话”:{
“CollectionCoverage from”:[
src/***.{js,jsx}
],
“设置文件”:[
“/config/polyfills.js”
],
“测试匹配”:[
“/src/**/\\\\\\\\\/**/*.js?(x)”,
“/src/***/?(*)(规范测试).js?(x)”
],
“测试环境”:“节点”,
“testURL”:”http://localhost",
“转变”:{
“^.+\.(js|jsx)$”:“/node\u modules/babel jest”,
“^.+\.css$”:“/config/jest/cstransform.js”,
“^(?。*\(js | jsx | css | json)$)”:“/config/jest/fileTransform.js”
},
“transformIgnorePatterns”:[
“[/\\\\]节点单元模块[/\\\].+\\.(js | jsx)$”
],
“moduleNameMapper”:{
“^react native$”:“react native web”
},
“moduleFileExtensions”:[
“web.js”,
“js”,
“json”,
“web.jsx”,
“jsx”,
“节点”
]
},
“巴别塔”:{
“插件”:[
“反应继电器”
],
“预设”:[
“反应应用程序”
]
},
“eslintConfig”:{
“扩展”:“反应应用程序”
},
“依赖性”:{
“巴别塔插件反应继电器”:“^0.10.0”
}
}


可能您的一个依赖项做出了突破性的更改,并且您自己的package.json或您使用的一个依赖项没有限制您所依赖的依赖项的版本。我建议检查抛出错误的各个库,以确保为这些库传递的配置对于您正在使用的版本仍然有效。

可能是您的一个依赖项发生了重大更改,并且您自己的package.json或您使用的一个依赖项没有限制版本您所依赖的依赖关系。我建议检查抛出错误的各个库,以确保您为这些库传递的配置对于您正在使用的版本仍然有效。

因此,请检查react konva?不确定如何继续。从我看到的情况来看,检查react-reconciler和react-konvaso检查react-konva?不确定如何继续。从我所看到的,检查react-reconciler和react-konva您的一个软件包正在使用
react-reconciler
,然后使用
react-SharedInternals
,它有一个->
内部秘密\u不使用\u或者您将被解雇,另外,
react-conciler
让->
使用它的风险由您自己承担。
,但这个软件包有106个受抚养人,真让人吃惊。。一个快速检查,哦,亲爱的->
react-konva
正在使用
react-conciler
:(@Keith,我感谢你的深思熟虑的回答。这是我在观看Lynda.com的同时关注的一个项目。因此,这是项目的设置方式。你建议我如何解决这个问题?谢谢,也许值得联系react konva的开发人员,…让他们知道,理想情况下,依赖于一个包,该包拥有
自己使用它风险。
听起来不太好,他们可能不用它就可以做任何事情。是的,这可能是我在对react konva库进行一次小调查后会采取的路线。我知道这很愚蠢,但这是系统的工作方式。您的一个包正在使用
react reconciler
,然后使用
react SharedInternals
,它有这个->
\uuuuu SECRET\uu internal\uu don\uu USE\uu或uu YOU\uu WILL\uu firm
,而且
react conciler
有->
使用它的风险由你自己承担。
,但这个软件包有106个依赖者,让人难以置信..一个快速检查,哦,亲爱的->
ReactKonva