我一直在使用create-react-app
引导反应应用程序。
但是我今天面临一个非常奇怪的问题。
用create-react-app
自举我的应用程序后。运行npm start
rbac-tutorial-app/node_modules/@hapi/joi/lib/types/object/index.js:254
!pattern.schema._validate(key, state, { ...options, abortEarly:true }).errors) {
^^^
SyntaxError: Unexpected token ...
at createScript (vm.js:74:10)
at Object.runInThisContext (vm.js:116:10)
at Module._compile (module.js:533:28)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:503:32)
at tryModuleLoad (module.js:466:12)
at Function.Module._load (module.js:458:3)
at Module.require (module.js:513:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (rbac-tutorial-app/node_modules/@hapi/joi/lib/types/func/index.js:5:20)
at Module._compile (module.js:569:30)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:503:32)
at tryModuleLoad (module.js:466:12)
at Function.Module._load (module.js:458:3)
at Module.require (module.js:513:17)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! rbac-tutorial-app@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the rbac-tutorial-app@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
我已经尝试过
-删除package.lock.json并删除节点模块并先运行npm install
,然后运行npm start
,但问题仍然相同。
-更改节点和npm版本。
我正在使用的NPM版本-> 6.9.0
我正在使用的节点版本-> v8.0.0
下面是我的package.json
文件
{
"name": "rbac-tutorial-app",
"version": "0.1.0",
"private": true,
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-core": "^6.26.0",
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-object-rest-spread": "^6.26.0",
"babel-preset-env": "^1.6.1",
"babel-preset-react": "^6.24.1"
},
"dependencies": {
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-router": "^5.0.0",
"react-router-dom": "^5.0.0",
"react-scripts": "3.0.1"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
任何帮助将不胜感激。
答案 0 :(得分:1)
经过几个令人沮丧的小时的调查并尝试了不同的方法,我发现这不是我的代码的问题,而是使用create-react-app
使用node version v8.0.0
引导时的问题。
所以我删除了整个项目,并按照以下步骤解决了我的问题-
NVM(Node Version Manager)
。我使用此链接How to install NVM in Ubuntu进行了安装。nvm install 12.0.0(or the node version > 8.0.0 which you would like to use)
。这实际上是我的问题。为了使create-react-app
成功引导,您应该使用node version > 8.0.0
。nvm use 12.0.0(or the node version which you have recently installed)
。node -v
检查您的节点版本。它应该显示您在步骤4中要求使用的节点版本。create-react-app
并重新引导应用程序。这对我来说就像是一种魅力。希望有人遇到同样的问题会有所帮助。
答案 1 :(得分:0)
只需使用以下命令即可解决该问题:
12.0.0必须先安装,然后才能使用
nvm install 12.0.0
nvm use 12.0.0
注意:如果节点版本12.0.0已经存在,请跳过步骤1
答案 2 :(得分:0)
当部署到 Heroku 时,我遇到了同样的错误,并且在寻找了比公认的解决方案更多的解决方案之后,我发现this one显然更容易。
这似乎是由于Node的8.6版提供了传播运算符。建议在package.json(“ node”:“> = 8.6” )的engines部分中指定更大的版本。
使用该解决方案后,它抱怨:“ engines.node中的危险semver范围(>)”,指向https://devcenter.heroku.com/articles/nodejs-support#specifying-a-node-js-version。 此Heroku的支持网站建议使用与本地运行的版本相同的版本,但建议在补丁程序中使用x以获得最新的补丁程序更新。最后,我以“ node”:“ 12.x” 结尾。这对我来说很好。