提问者:小点点

在由create-react-app创建后立即添加包无法工作


我很新的反应(一天前开始)。我使用create-react-app命令行创建了一个应用程序。我按以下顺序进行了尝试

在这一点上,应用程序运行良好。然后我做了以下操作

现在我得到了这个错误

my-app@0.1.0 start/users/shanmugharajk/code/udemy/my-app react-scripts启动

sh:react-scripts:找不到命令npm错误!文件sh npm错误!代码ELIFECYCLE npm错误!errno ENOENT npm错误!系统调用生成npm错误!my-app@0.1.0 start:npm错误!生成ENOENT npm错误!npm错误!my-app@0.1.0启动脚本失败。npm错误!这可能不是NPM的问题。上面可能还有其他日志记录输出。

我尝试安装的任何软件包每次都会出现这种情况。

我注意到的一件事是当我跑步的时候

npm使用https://registry.npmjs.org//中的陈旧数据警告注册表,因为主机不可访问--您是否脱机?npm WARN注册表https://registry.npmjs.org/:杂项警告ENOTFOUND:对https://registry.npmjs.org/Redux的请求失败,原因:getaddrinfo ENOTFOUND registry.npmjs.org registry.npmjs.org:443 npm WARN注册表使用https://registry.npmjs.org//中的陈旧包数据,原因是重新验证期间发生请求错误。npm警告LYRM未删除/users/shanmugharajk/code/udemy/my-app/node_modules/html-Minifier/node_modules/.bin/UglifyJS,因为它不是由/users/shanmugharajk/code/udemy/my-app/node_modules/html-Minifier/node_modules/html-Minifier/node_modules/html-Minifier/node_modules/html-Minifier/node_modules/eSpree/npm您应该提交此文件。

我想不出原因。请帮帮我。


共3个答案

匿名用户

您使用的是NPM5。目前它有许多问题。

我建议降级到npm 4,然后重试:

npm install -g npm@4

rm -rf node_modules
rm package-lock.json
npm install

如果它无助于检查你的网络连接。这看起来像是您的网络出现了问题:

getaddrinfo ENOTFOUND registry.npmjs.org registry.npmjs.org:443

匿名用户

我得到了答案,因为我的机器上安装了yarn和npm.create-react-app使用yarn,安装所有依赖项并创建yarn.lock文件。

所以现在,当我运行npm install时,它会查找package.lock.json,但它不会在那里。所以它在创建项目时卸载由yarn创建的一些包。

所以我找到的解决方案是执行以下任一操作

这两种方法现在都对我有效。

匿名用户

运行React app的基本要求是:

 nodejs  
 npm

如果没有安装,那么安装这个(特别是Ubuntu)

sudo apt-get update
sudo apt-get install nodejs
sudo apt-get install npm

创建react js应用程序:

npx create-react-app my-DemoApp

通过以下方式进入文件夹后:

cd my-DemoApp

您可以看到创建的基本文件夹结构

my-DemoApp
├── README.md
├── package.json
├── .gitignore
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    └── serviceWorker.js

在添加react应用程序所需的基本依赖项之后,运行:

npm install

这将在父文件夹中创建名为的新文件夹

您现在可以通过以下方式运行应用程序:

npm start

现在你已经完成了最基本的设置,你的应用程序现在准备好了。

您还可以通过添加更多程序库,这对于应用程序是必需的