在 WebStorm 中创建反应应用程序

Question

我正在尝试使用 npm 包 "create-react-app" 开始使用 WebStorm 的 React 项目。

我有运行 npm install -g create-react-app 全局安装包，并且可以从命令行（即 create-react-app <proj name>）完美地使用包。

然而，当在 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

我是不是哪里出错了？

Answer 1

事实证明我有节点版本 4，create-react-app 需要版本 >= 6 - 虽然这个警告没有通过 WebStorm "Run" 面板显示。

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

在 WebStorm 中创建反应应用程序

create-react-app in WebStorm

node.js

npm

webstorm

create-react-app