背景:通过《react全家桶-前端开发与实例详解》一书学习react,学到第六章form时,配套的代码文件在部署(compile)下报错(create react app支持)。
报错如图:
代码结构如图:
目前想法:
看了许多Please verify that the package.json has a valid "main" entry的报错处理方式,但它们大多是找不到index.js模块的问题,我遇到的却不是找不到module,而是后面的@ ./src/semantic-ui…这个css库。于是懵圈。
其它:
书中在这一步并没有特别说明什么,只是一句npm i后便可start。这书是2022年版的,按理不会有啥更新,不知道有无正在学习此书的朋友解答一二。
package.json截个图看看
这个错误信息看起来是在使用React开发中遇到的一个问题。
根据错误信息,系统无法找到一个叫做 "D: 前端资料汇总《React全家桶: 前端开发与实例详解》代码资料 frms node modulesireact" 的模块,因此无法编译。
这种错误通常是由于缺少或错误安装了某些依赖项引起的。您可以尝试按照以下步骤解决这个问题:
确认您的代码中引用的所有依赖项都已正确安装。您可以运行 "npm install" 命令来安装缺失的依赖项。
检查您的代码中是否存在语法错误或拼写错误。这些错误有时会导致编译错误。可以使用代码编辑器中的语法检查工具来找出这些问题。
检查您的代码中是否存在版本不兼容的依赖项。如果是这样的话,可以尝试升级或降级依赖项的版本。
确认您的环境变量配置正确。有时候,环境变量配置不正确也会导致编译错误。
这个错误通常是由于在您的项目中缺少 "main" 属性引起的,该属性指定了模块的入口点。
在您的项目中, "package.json" 文件应该包含一个 "main" 属性,该属性指定了模块的入口点。如果缺少这个属性,您将会看到这个错误。
要解决这个问题,您需要在 "package.json" 文件中添加 "main" 属性。该属性应该指向您的项目中的主 JavaScript 文件。例如,如果您的主文件名为 "app.js",则应该将 "main" 属性设置为 "app.js",如下所示:
{
"name": "my-project",
"version": "1.0.0",
"main": "app.js",
"dependencies": {
"react": "^17.0.1",
"react-dom": "^17.0.1"
}
}
请注意,如果您的主文件名不同,请相应地更改 "main" 属性的值。
如果您已经有一个 "main" 属性,但仍然遇到这个错误,可能是由于该属性指向了不存在的文件或路径不正确导致的。您需要确认 "main" 属性的值是否正确并指向了正确的文件。