微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

为什么 npm-start 在 ReactJS 项目中不能正常工作?

如何解决为什么 npm-start 在 ReactJS 项目中不能正常工作?

我尝试在创建 react 项目后立即执行 npm start 。 然后输入 npm start 之后这个错误就来了!

我像往常一样创建了一个 React 应用程序:


npx create-react-app 06-react

cd 06-react

npm start

然后错误出现在我的 cmd =>

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

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

"babel-loader": "8.1.0"

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

C:\Users\Asus\node_modules\babel-loader(版本:8.2.2)

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

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

要修复依赖关系树,请尝试按照以下确切顺序执行以下步骤:

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

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

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

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

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

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?