npm start error with create-react-app-JavaScript中文网-JavaScript教程资源分享门户

在使用 Create React App 创建 React 项目时，你可能会遇到 npm start 命令无法启动开发服务器的问题。如果你遇到了这个错误，不要担心，本文将为你提供深度的解决方案和学习指导。

错误信息

当你在终端中运行 npm start 命令时，可能会收到以下错误信息：

-- -------------------- ---- -------
-------- --- ----------- ---------

-------------
      ----- --- -- --------- ------- -----
      -

------ ----- ----------------------- ------
    -- --------------- -----------------
    -- --------------- ---------------
    -- --------------- ---------------
    -- ---------- --------------------------------------------------------------------------------------
    -- --- --------- --------------------------------------------------------------------------------------
    -- ------------------ -------------------------------------------------------------------------------------------
    -- ------------------------------------- -----------------------------------------------------------------------------------------------------------------
    -- ------------ -------------------------------------------------------------------------------------------
    -- ----------------------------------------------------------------------------------------
    -- --------------------- ------------------------------------

这个错误通常发生在 Windows 和 Linux 系统上，它表示文件系统监视器已经达到了监视文件的最大限制。

解决方案

1. 增加系统的监听限制

你可以通过以下命令增加系统的监听限制：

Windows

# 在管理员模式下运行 PowerShell
Set-ItemProperty -Path "HKLM:\System\CurrentControlSet\Control\Session Manager\Memory Management" -Name "IoPageLockLimit" -Value 0xffffffff

Linux

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

这些命令会增加系统的监听限制，但是每次重启系统后都需要重新配置。如果你认为这样麻烦，可以尝试下面的解决方案。

2. 使用 Chokidar

Create React App 默认使用 watchpack 监听文件变化，而 chokidar 是另一个可选项。你可以通过以下步骤将其设置为默认值：

安装 chokidar：
```
npm install --save chokidar
```
创建 .env 文件并设置环境变量：
```
CHOKIDAR_USEPOLLING=true
```
运行 npm start 命令。

3. 升级 Create React App

如果你的 Create React App 版本过低，也可能会出现这个问题。你可以通过以下命令升级到最新版本：

npm install -g create-react-app

总结

在本文中，我们讨论了 npm start 命令无法启动开发服务器的问题，并提供了三种解决方案：增加系统的监听限制、使用 Chokidar 和升级 Create React App。希望这篇文章能够帮助你解决这个问题，并为你提供学习和指导的意义。

示例代码见下：

// index.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(<App />, document.getElementById('root'));

-- -------------------- ---- -------
-- ------
------ ----- ---- --------

-------- ----- -
  ------ -
    ---- ----------------
      ---------

- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------