【问题标题】:I cant go beyond npm start in react and I cannot find stackoveflow solution that fits我在反应中无法超越 npm start 并且找不到适合的 stackoveflow 解决方案
【发布时间】:2021-09-29 22:56:36
【问题描述】:

所以我试图学习反应,我通常可以在 stackoverflow 中找到快速的解决方案,但问题是,我在这里建议了很多解决方案,比如清除缓存或更改我的 webpack 版本,但我仍然无法修复错误,我很难过.

C:\Users\garci\Desktop\reactApp\myfirstreact>npm start

myfirstreact@0.1.0 启动 C:\Users\garci\Desktop\reactApp\myfirstreact 反应脚本开始

项目依赖树可能有问题。 这可能不是 Create React App 中的错误,而是您需要在本地修复的问题。

Create React App 提供的 react-scripts 包需要依赖:

“webpack”:“4.44.2”

不要尝试手动安装:您的包管理器会自动安装。 但是,在树的较高位置检测到不同版本的 webpack:

C:\Users\garci\node_modules\webpack(版本:1.15.0)

已知手动安装不兼容的版本会导致难以调试的问题。

如果您希望忽略此检查,请将 SKIP_PREFLIGHT_CHECK=true 添加到项目中的 .env 文件中。 这将永久禁用此消息,但您可能会遇到其他问题。

要修复依赖关系树,请尝试按照以下步骤进行操作:

  1. 删除项目文件夹中的 package-lock.json(不是 package.json!)和/或 yarn.lock。
  2. 删除项目文件夹中的 node_modules。
  3. 从项目文件夹的 package.json 文件中的依赖项和/或 devDependencies 中删除“webpack”。
  4. 运行 npm install 或 yarn,具体取决于您使用的包管理器。

在大多数情况下,这应该足以解决问题。 如果这没有帮助,您可以尝试其他一些方法:

  1. 如果您使用 npm,请安装 yarn (http://yarnpkg.com/) 并使用它重复上述步骤。 这可能会有所帮助,因为 npm 已知包提升问题,这些问题可能会在未来的版本中得到解决。

  2. 检查 C:\Users\garci\node_modules\webpack 是否在您的项目目录之外。 例如,您可能不小心在主文件夹中安装了一些东西。

  3. 尝试在您的项目文件夹中运行 npm ls webpack。 这将告诉您安装了 webpack 的其他包(除了预期的 react-scripts)。

如果没有其他帮助,请将 SKIP_PREFLIGHT_CHECK=true 添加到项目中的 .env 文件中。 如果您仍然想继续,这将永久禁用此预检检查。

附:我们知道这条消息很长,但请阅读上面的步骤 :-) 我们希望它们对您有所帮助!

npm 错误!代码生命周期 npm 错误!错误号 1 npm 错误! myfirstreact@0.1.0 开始:react-scripts start npm 错误!退出状态 1 npm 错误! npm 错误!在 myfirstreact@0.1.0 启动脚本中失败。 npm 错误!这可能不是 npm 的问题。上面可能还有额外的日志输出。

npm 错误!可以在以下位置找到此运行的完整日志: npm 错误! C:\Users\garci\AppData\Roaming\npm-cache_logs\2021-07-22T16_21_07_888Z-debug.log

C:\Users\garci\Desktop\reactApp\myfirstreact>

是的,我尝试按照 cli 给出的步骤进行操作,但仍然出现相同的错误。这也是我的调试日志。

0 信息如果它以 ok 结尾,它就会起作用

1 详细的 cli [

1 详细的 cli 'C:\Program Files\nodejs\node.exe',

1 详细的 cli 'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',

1 详细的 cli 'start'

1 详细的 cli ]

2 使用 npm@6.14.13 的信息

3 使用 node@v14.17.3 的信息

4 详细的运行脚本 ['prestart', 'start', 'poststart']

5 信息生命周期 myfirstreact@0.1.0~prestart: myfirstreact@0.1.0

6 信息生命周期 myfirstreact@0.1.0~start: myfirstreact@0.1.0

7 详细生命周期 myfirstreact@0.1.0~start: unsafe-perm in lifecycle true

8 详细生命周期 myfirstreact@0.1.0~start: PATH: C:\Program 文件\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp- bin;C:\Users\garci\Desktop\reactApp\myfirstreact\node_modules.bin;C:\Python39\Scripts;C:\Python3

9;C:\Program Files\Common Files\Oracle\Java\javapath;C:\Program Files (x86)\Intel\Intel(R) 管理引擎组件\iCLS;C:\Program Files\Intel\Intel(R) Management Engin 组件\iCLS;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\Windo wsPowerShell\v1.0;C:\WINDOWS\System32\OpenSSH;C:\Program Files (x86)\Intel\Intel(R) 管理 Engine Components\DAL;C:\Program Files\Intel\Intel(R) Management Engine Components\DAL;C:\Program

文件 (x86)\Intel\Intel(R) 管理引擎组件\IPT;C:\Program Files\Intel\Intel(R) 管理引擎组件\IPT;C:\Program Files\Intel\WiFi\bin;C:\Program Files\Common

Files\Intel\WirelessCommon;C:\Program Files\Microsoft SQL

服务器\130\Tools\Binn;C:\ProgramData\chocolatey\bin;C:\Program

文件\nodejs;C:\Users\garci\AppData\Local\Microsoft\WindowsApps;C:\Users\garci\AppData\Roaming\np 米

9 详细生命周期 myfirstreact@0.1.0~start: CWD: C:\Users\garci\Desktop\reactApp\myfirstreact

10 愚蠢的生命周期 myfirstreact@0.1.0~start: Args: [ '/d /s /c', 'react-scripts start' ]

11 愚蠢的生命周期 myfirstreact@0.1.0~start: Returned: code: 1 signal: null

12 info 生命周期 myfirstreact@0.1.0~start: 执行启动脚本失败

13 详细堆栈错误:myfirstreact@0.1.0 开始:react-scripts start

13 详细堆栈退出状态 1

EventEmitter 的 13 个详细堆栈。 (C:\程序 文件\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16)

EventEmitter.emit (events.js:375:28) 的 13 个详细堆栈

ChildProcess 的 13 个详细堆栈。 (C:\程序 文件\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)

ChildProcess.emit (events.js:375:28) 的 13 个详细堆栈

mayclose 时的 13 个详细堆栈 (internal/child_process.js:1055:16)

Process.ChildProcess._handle.onexit (internal/child_process.js:288:5) 的 13 个详细堆栈

14 详细 pkgid myfirstreact@0.1.0

15 详细 cwd C:\Users\garci\Desktop\reactApp\myfirstreact

16 个详细的 Windows_NT 10.0.19042

17 详细 argv "C:\Program Files\nodejs\node.exe" "C:\Program 文件\nodejs\node_modules\npm\bin\npm-cli.js" "开始"

18 详细节点 v14.17.3

19 详细的 npm v6.14.13

20 错误代码 ELIFECYCLE

21 错误 errno 1

22 错误 myfirstreact@0.1.0 开始:react-scripts start

22 错误退出状态 1

23 错误在 myfirstreact@0.1.0 启动脚本失败。

23 错误 这可能不是 npm 的问题。上面可能还有额外的日志输出。

24 详细退出 [ 1, true ]

我意识到我可能只需要安装另一个版本的 webpack,但它说我不应该手动安装,即使我愿意,我也不知道怎么做。谢谢

【问题讨论】:

  • 您似乎已全局安装了 webpack,这可能与 CRA 冲突。无论如何,不​​建议在全球范围内安装它。运行npm list -g查看全局包,运行npm uninstall -g webpack如果它被列出,然后再次检查它是否消失。如果这对您现有的目录不起作用,请创建一个新的 CRA 应用程序以确保安全。

标签: reactjs webpack


【解决方案1】:

只需在应用的根目录下创建一个.env 文件,然后在其中添加SKIP_PREFLIGHT_CHECK=true。然后重新启动您的应用程序。它应该可以工作。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-04-12
    • 1970-01-01
    • 2019-05-24
    • 2021-01-20
    • 2014-05-17
    • 2020-07-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多