create-react-app无法正常工作,并且需要任何建议吗?

时间:2019-04-03 16:21:46

标签: node.js reactjs npm create-react-app npx

我刚刚完成了React课程,并想开始练习。但是,我似乎无法使用create-react-app进行项目。

当我在命令行中使用 create-react-app项目名时,它开始安装,但是花了半个小时才最终放弃,并向我显示了一些我似乎看不到的错误缠住我的头。当我观看有关如何使用create-react-app的教程时,它似乎应该可以正常工作,并且应该在12秒钟内完成。

我已经尝试了很多事情:

  • 检查是否已安装npm,node和npx
  • 以管理员身份运行CMDer(我使用的CLI)
  • npm install -g create-react-app后跟create-react-app项目名称
  • npm install -g create-react-app后跟npm create-react-app项目名称
  • npm init react-app项目名称
  • 卸载create-react-app并再次安装
  • npx创建反应应用程序项目名称
  • 禁用防火墙和防病毒软件并执行以上所有操作
  • 清除了npm缓存
  • 将npm更新为最新版本

这是我日志的最后一部分,首先,这只是一堆愚蠢的SaveTree行。

28892 silly saveTree `-- react@16.8.6
28893 warn ts-pnp@1.0.1 requires a peer of typescript@* but none is installed. You must install peer dependencies yourself.
28894 verbose stack Error: EPERM: operation not permitted, rename 'C:\Users\Dave\MyProjects\Portfolio\Tickomatic\newest\node_modules\eslint-module-utils' -> 'C:\Users\Dave\MyProjects\Portfolio\Tickomatic\newest\node_modules\.eslint-module-utils.DELETE'
28895 verbose cwd C:\Users\Dave\MyProjects\Portfolio\Tickomatic\newest
28896 verbose Windows_NT 6.1.7601
28897 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "--save" "--save-exact" "--loglevel" "error" "react" "react-dom" "react-scripts"
28898 verbose node v10.15.3
28899 verbose npm  v6.4.1
28900 error path C:\Users\Dave\MyProjects\Portfolio\Tickomatic\newest\node_modules\eslint-module-utils
28901 error code EPERM
28902 error errno -4048
28903 error syscall rename
28904 error Error: EPERM: operation not permitted, rename 'C:\Users\Dave\MyProjects\Portfolio\Tickomatic\newest\node_modules\eslint-module-utils' -> 'C:\Users\Dave\MyProjects\Portfolio\Tickomatic\newest\node_modules\.eslint-module-utils.DELETE'
28904 error  { [Error: EPERM: operation not permitted, rename 'C:\Users\Dave\MyProjects\Portfolio\Tickomatic\newest\node_modules\eslint-module-utils' -> 'C:\Users\Dave\MyProjects\Portfolio\Tickomatic\newest\node_modules\.eslint-module-utils.DELETE']
28904 error   cause:
28904 error    { Error: EPERM: operation not permitted, rename 'C:\Users\Dave\MyProjects\Portfolio\Tickomatic\newest\node_modules\eslint-module-utils' -> 'C:\Users\Dave\MyProjects\Portfolio\Tickomatic\newest\node_modules\.eslint-module-utils.DELETE'
28904 error      errno: -4048,
28904 error      code: 'EPERM',
28904 error      syscall: 'rename',
28904 error      path:
28904 error       'C:\\Users\\Dave\\MyProjects\\Portfolio\\Tickomatic\\newest\\node_modules\\eslint-module-utils',
28904 error      dest:
28904 error       'C:\\Users\\Dave\\MyProjects\\Portfolio\\Tickomatic\\newest\\node_modules\\.eslint-module-utils.DELETE' },
28904 error   stack:
28904 error    'Error: EPERM: operation not permitted, rename \'C:\\Users\\Dave\\MyProjects\\Portfolio\\Tickomatic\\newest\\node_modules\\eslint-module-utils\' -> \'C:\\Users\\Dave\\MyProjects\\Portfolio\\Tickomatic\\newest\\node_modules\\.eslint-module-utils.DELETE\'',
28904 error   errno: -4048,
28904 error   code: 'EPERM',
28904 error   syscall: 'rename',
28904 error   path:
28904 error    'C:\\Users\\Dave\\MyProjects\\Portfolio\\Tickomatic\\newest\\node_modules\\eslint-module-utils',
28904 error   dest:
28904 error    'C:\\Users\\Dave\\MyProjects\\Portfolio\\Tickomatic\\newest\\node_modules\\.eslint-module-utils.DELETE',
28904 error   parent: 'newest' }
28905 error The operation was rejected by your operating system.
28905 error It's possible that the file was already in use (by a text editor or antivirus),
28905 error or that you lack permissions to access it.
28905 error
28905 error If you believe this might be a permissions issue, please double-check the
28905 error permissions of the file and its containing directories, or try running
28905 error the command again as root/Administrator (though this is not recommended).
28906 verbose exit [ -4048, true ]

据我所知,它与无法重命名某个文件有关,并且我的操作系统(在我的情况下为Windows)因此拒绝了整个事情。我不确定这是否正确,但这只是我能弄清楚的,而且我不确定如何解决。

有什么建议吗?我似乎无法找到解决方案,并且我对WebPack不熟悉,因此无法在此时此刻手动设置项目。

预先感谢一堆,

戴夫

2 个答案:

答案 0 :(得分:0)

如果您使用保管箱或类似的东西正在同步目录,则可能导致此问题。

还尝试使用以下命令更新npm:

npm install -g npm@latest

答案 1 :(得分:0)

我通过以下方式全局更新了 create-react-app

npm install -g create-react-app

它解决了我的问题。但是,我为npm使用6.9.0版本,为node使用12.5.0。