使用create-react-app

时间:2018-08-02 11:05:04

标签: javascript reactjs typescript

我正在使用Windows10。以下是遇到问题的两种情况。我使用create-react-app命令创建了应用程序。我使用命令npm i -g create-react-app@1.5.2

安装了create-react-app

场景1

我停止了使用npm start命令运行的React服务器。然后,我使用npm i bootstarp@4.1.1安装了引导程序,然后尝试运行命令npm start,但没有启动服务器,而是给出了错误“ react-scripts”,无法识别为内部或外部命令。 在我停止React服务器并安装引导程序之前,该应用程序正在正常运行。

重新创建问题的步骤:

  1. create-react-app demo
  2. cd demo
  3. npm start(在带有主页的浏览器中加载了应用程序)
  4. 使用Ctrl + C(中断)停止服务器
  5. npm i bootstrap@4.1.1
  6. npm start(给出错误的'react-scripts'不能识别为内部或外部命令)

场景2

当我使用npm i bootstarp@4.1.1使用另一个命令窗口/ visul studio命令行在运行React Server时安装了引导程序,并且在将引导程序文件导入index.js并保存了该文件时,我也安装了引导程序。给出了错误

./ node_modules / style-loader / lib / addStyles.js 模块构建失败:错误:ENOENT:没有此类文件或目录,请打开“ D:\ react \ demo2 \ node_modules \ style-loader \ lib \ addStyles.js”

重新创建问题的步骤:

  1. create-react-app demo
  2. cd demo2
  3. npm start(在带有主页的浏览器中加载了应用程序)
  4. 打开另一个命令窗口,然后转到位置demo4文件夹
  5. npm i bootstrap@4.1.1
  6. 在src文件夹中打开index.js并输入:import 'bootstrap/dist/css/bootstrap.css';
  7. 保存文件,然后出现错误。

1 个答案:

答案 0 :(得分:0)

我找到了许多有关此问题的主题:

https://github.com/facebook/create-react-app/issues/1627

https://github.com/facebook/create-react-app/issues/2436

'react-scripts' is not recognized as an internal or external command

我认为它与您使用的npm版本有关。看来npm并没有安装所有必需的依赖项。

尝试运行npm update以更新依赖关系。之后,npm start应该可以正常工作:

npm update
npm start