在react.js中运行npm run dev时出现错误

Question

我正在学习react.js

我已经安装了Vite，创建项目。但是，当我跑步时：

npm run dev

我收到此错误：

脚本丢失。

我已经浏览了vite repo，在stackoverflow上搜索下载nodemon。在某个地方，它是为了下载脚本而编写的，所以我运行

npm install react-scripts

但仍然遇到同样的错误。

我是初学者，有人可以帮忙吗？

Answer 1

您的

package.json

文件似乎缺少一些脚本。您在搭建 Vite 项目时可能错过了一些步骤。

您可以采取以下一些步骤来排除故障：

• 验证您的项目中是否有

  package.json

  文件。
• 另外，请确认您的 Vite 项目中有默认的 npm 脚本。如果缺少，请将以下内容添加到您的

  package.json

  文件中：

{
      "scripts": {
        "dev": "vite", // start dev server, aliases: `vite dev`, `vite serve`
        "build": "vite build", // build for production
        "preview": "vite preview" // locally preview production build
      }
}

一旦您安装了它们，您就可以像最初一样使用

npm run dev

启动您的开发服务器。

最后，在这种情况下，您的 Vite 项目不需要安装

react-scripts

。如果您通过 Create React App 搭建 React 项目，则只需安装该包。

查阅Vite文档了解如何启动Vite项目。这是一个 vite-react 模板，您可以模拟或比较当前的设置。

干杯！