npm start不起作用.我已经尝试了一切.我糊涂了

Question

因此,每当我在我的React项目中运行npm start时,它都会给我这个错误:

myapp@0.1.0启动C:\ Users\AyaLe\Desktop\React\myapp react-scripts启动

项目依赖关系树可能存在问题.它可能不是Create React App中的错误,而是您需要在本地修复的内容.

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

"webpack":"4.19.1"

不要尝试手动安装它:您的包管理器会自动进行安装.但是,在树中检测到更高版本的webpack:

C:\ Users\AyaLe \node_modules\webpack(version:3.10.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,具体取决于您使用的包管理器.

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

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

6. 检查C:\ Users\AyaLe \node_modules\webpack是否在项目目录之外.例如,您可能不小心在主文件夹中安装了某些内容.

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

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

PS我们知道此消息很长但请阅读上述步骤:-)我们希望您发现它们有用!

错误的ERR!代码ELIFECYCLE npm ERR!错误1 npm ERR!myapp@0.1.0开始: react-scripts startnpm ERR!退出状态1 npm ERR!错误的ERR!在myapp@0.1.0启动脚本失败.错误的ERR!这可能不是npm的问题.上面可能有额外的日志记录输出.

错误的ERR!可以在以下位置找到此运行的完整日志:npm ERR!
C:\ Users \用户AyaLe \应用程序数据\漫游\ NPM-cache_logs\2018-12-02T10_15_24_630Z-的debug.log

每当我尝试安装webpack-cli时,无论何时它要求我,它都会给我另一个错误

Answer 1

看起来你已经"webpack": "3.10.0"全球安装,但你需要"webpack": "4.19.1".这导致了冲突.

您需要执行以下操作:

1. $npm uninstall -g webpack
2. $npm install -g webpack@4.19.1

这应该可以解决问题.

或者,您可以尝试删除该位置的node_modules文件夹或特定webpack文件夹node_modules:

C:\ Users\AyaLe \node_modules\webpack(version:3.10.0)