在WebStorm中使用create-react-app

Question

我正在尝试使用npm软件包“create-react-app”在WebStorm中开始一个React项目。

我已经运行了“npm install -g create-react-app”命令来全局安装该软件包，并且可以通过命令行完美地使用该软件包（即“create-react-app ”）。

然而，在WebStorm中创建项目并使用全局的“create-react-app”软件包路径时（使用“npm list -g”找到路径），我遇到了这个错误：

/usr/bin/node /usr/local/lib/node_modules/create-react-app/index.js .
/usr/local/lib/node_modules/create-react-app/createReactApp.js:589

    .filter(file => !validFiles.includes(file));
                            ^

TypeError: validFiles.includes is not a function
    at /usr/local/lib/node_modules/create-react-
app/createReactApp.js:589:33
    at Array.filter (native)
    at isSafeToCreateProjectIn (/usr/local/lib/node_modules/create-
react-app/createReactApp.js:589:6)
    at createApp (/usr/local/lib/node_modules/create-react-
app/createReactApp.js:147:8)
    at Object.<anonymous> (/usr/local/lib/node_modules/create-react-
app/createReactApp.js:134:1)
    at Module._compile (module.js:410:26)
    at Object.Module._extensions..js (module.js:417:10)
    at Module.load (module.js:344:32)
    at Function.Module._load (module.js:301:12)
    at Module.require (module.js:354:17)
Done

我在某个点上错了吗？

- SykeJ

---

你解决了这个问题吗？ - labheshr

是的，我通过将node更新到v6来解决了这个问题。原来create-react-app需要v6或更高版本，而这个警告并没有被WebStorm控制台输出。 - SykeJ

Answer 1

原来我的node版本是4，而create-react-app需要的版本是>=6——尽管这个警告没有在WebStorm的“运行”面板中显示。

因此，我通过使用nvm更新到node v6.11.3来解决了这个问题。

- SykeJ