react项目启动失败 Module not found

最新推荐文章于 2024-04-23 13:33:53 发布
最新推荐文章于 2024-04-23 13:33:53 发布
阅读量3.7k 收藏 3
点赞数
文章标签： react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tayngh/article/details/120551628
版权

 前端同学太忙，改点样式这种小事当然是自己动手~ o(*￣▽￣*)o

结果...别人都能运行的项目，就我不行！！！

以下是项目配置

package.json

.env


通过网上搜索进行了各种各样的尝试

1.删除package-lock.json和node_modules，再重新npm install 或 yarn instal

最低0.47元/天 解锁文章
听雨婷婷
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
react项目突然启动不了，可能是环境问题
LiuBo_1999的博客
10-28 1056
（报错：环境错误） 重新下载Node.js 完全卸载node.js网址：如何在Mac电脑上完全卸载node.js - 简书https://www.jianshu.com/p/c8473afd7dcb 切换国内镜像 npm install -g mirror-config-china --registry=http://registry.npm.taobao.org 安装sass-loader、node-sass（-D 是 --save-dev 的简写） npm install sass-loa
React 简介以及如何启动项目
03-31
React 是 Facebook 开发的用于构建用户界面的 JavaScript 库。它因其对可重用组件的关注而脱颖而出，使开发交互式且高效的 Web 应用程序变得更加容易。
React项目报Module not found: Error: Can't resolve ... in ...
weixin_41813970的博客
01-17 2万+
在自己搭建react项目中，引入.jsx的文件，结果报出如下错误： 检查语法也没有问题，经过反复排查，查出是由于省略了.jsx，但由于webpack环境是由自己搭建，没有在webpack.config.js中加入自动补全后缀配置； 在webpack.config.js中加入如下代码： 再重新启动就正常运行了... 这只是报这种错误的一种原因吧......
React项目报错Module not found: Error: Can‘t resolve ‘react-native‘
weixin_45769562的博客
07-21 1724
import { Text, TextInput, View } from 'react-native'后编译出错，解决办法：npm install react-native-web。
解决ModuleNotFoundError: No module named的方法
最新发布
2301_79779756的博客
04-23 4327
解决ModuleNotFoundError: No module named的方法。
react报错Module not found: Error: Can't resolve
热门推荐
qq_25900743的博客
03-03 3万+
学习react项目，想把.js结尾的文件改为.jsx结尾，结果一直报错，网上找了好久，总算解决了，在webpack.dev.config.js文件中添加resolve: { extensions: ['.js', '.jsx'], //后缀名自动补全 }即可。resolve属性中的extensions数组中用于配置程序可以自行补全哪些后缀。比如说我们要require一个co...
React Errors
iamcrystal94的博客
04-26 964
   汇总在运用react遇到的一些问题以及解决方案。1. Module not found: Can't resolve 'react-dom/lib/ReactPerf'解决方法: React 16中不再支持react-addon-perf，新方案 https://reactjs.org/docs/optimizing-performance.html#profiling-components...
React使用echarts-for-react出现Module not found: Can‘t resolve ‘echarts‘ ..
jyl919221lc的博客
12-27 1120
问题产生：项目中使用node16.20.1安装echarts-for-react使用正常，构建采用的时14.x.x降低项目版本后发现包文件获取失败。
【React】next+antd报错：Module not found: Can‘t resolve ‘antd/es/content‘
无限循环
07-05 1317
Antd + Next手册：https://ant.design/docs/react/use-with-next-cn。
React+Webpack, Module not found: Error: Cannot resolve module问题解决
ZHANG DING的博客
02-20 1万+
React+Webpack, Module not found: Error: Cannot resolve module问题解决 在react开发的过程中，大家都会使用Webpack轻量级服务器作为开发环境，通过 npm install 进行node_modules的安装 但，今天碰到一件非常奇怪的事情，在使用Ant Design+React+Webpack+Mockjs正常开发的过程中...
启动React项目 Module not found: Can‘t resolve ‘web-vitals‘ in ‘C:\Laboratory_train\my-app\src‘
比起未来可期，我更喜欢如约而至
09-04 2763
问题描述 npx create-react-app my-app 使用以上命令出错： npm start / yarn start 使用以上命令启动出错 问题解决 全局找到reportWebVitals.js文件，在index.js中注释掉这两句即可运行。 因为笔者以前在一个项目里面使用过offline cache，按照以下方法试过没有用，还是贴出来供大家参考。 yarn 完整性检测失败 ...
使用create-react-app时遇到Module not found问题
wkq_1212的博客
05-17 3369
本来项目跑的好好地，然后install了一个axios，然后项目就挂了。 各种Module not found，路径不对。 期初以为是可能丢包了，又重新install还是不行，根据错误提示一个个删一个个重新install。 最后干脆重新建了个项目，但仍然不行。 这时候意识到了问题应该是出在create-react-app上： 根据这个猜想，清空了packge卸载了全部model，重新instal...
React项目架构+电商项目布局及代码
07-16
React 项目架构与电商项目布局 React 框架是当前最流行的前端框架之一，对于初学者来说，如何快速上手写一个项目是一个非常重要的问题。本文将为读者详细讲解 React 项目架构、电商项目布局及代码实现。 一、 ...
react-React模版项目
08-15
"React模版项目"是一个基于React的初始开发框架，旨在提供一个快速启动的起点，它包括了现代Web开发所需的多种工具和库，如Webpack 3、React Router 4、ESLint、Prettier以及Ant Design。 Webpack 3是一个流行的...
React Native 启动流程 源码剖析
01-03
  开始分析之前，新建一个名为 RnDemo 的空项目，RN 版本选择 0.58.1，查看项目自动为我们生成 MainActivity.java 和 MainApplication.java 文件，我们的分析就从这两个文件入手。 源码结构图   react-native: ^...
使用IDEA创建的一个简单的react项目
07-25
在本文中，我们将深入探讨如何使用IntelliJ IDEA（IDEA）创建一个简单的React项目，并在其中添加一个点击计数组件。React是一个流行的JavaScript库，用于构建用户界面，特别是单页应用程序。它采用组件化的方式来...
react项目中引入的组件在src外从而报错
qq_36384745的博客
08-31 2782
react项目中引入的组件在src外从而报错，react项目中无法引入src目录外的静态文件，ModuleScopePlugin插件，Relative imports outside of src/ are not supported
Module not found: Error: [CaseSensitivePathsPlugin]
小蚂蚁的博客
12-05 923
即此处的vue应该写小写。此时webstorm虽然意识到错误了，但是提示的也并不正确。根据报错的内容，只能看到是router.js文件报错，并不能看懂具体原因，最后找到网上有看到类似错误的，都是大小写搞错了，所以，试了一下，果然对了。
react项目启动失败
m0_37353299的博客
07-16 2132
react项目启动失败： 问题描述： create-react-app创建并且初始化依赖完毕，通过npm start启动失败， 看似一切正常但是这个时候一直卡在准备启动的环境中（Starting the development server…） 原因分析： 这个问题产生的原因是因为windows安全禁止意外的操作打开浏览器和网络 解决方案： 重启一下注意看有没有windows的安全提示信息，如果没有，那就重启电脑，然后再启动一下项目就会有提示，选择同意并且不再提示就可以了 ...
module not found error
09-08
### 回答1： "module not found error" 的意思是“找不到模块错误”，通常出现在使用 Node.js 或其他编程语言时，当程序尝试引用一个不存在的模块或库时会出现这个错误。这可能是因为模块名称拼写错误、路径错误或者模块确实不存在等原因导致的。解决方法通常是检查模块名称和路径是否正确，并确保所需的模块已经正确安装。 ### 回答2： "module not found error" 是一个常见的错误提示，意思是在代码中引入的模块未找到。 这个错误通常出现在以下几种情况下： 1. 模块没有正确安装：在Python中，我们可以使用pip安装第三方模块，或者使用标准库中的模块。如果我们尝试导入一个尚未安装的模块，就会出现"module not found error"。解决方法是使用pip命令安装相应的模块。 2. 模块路径错误：Python会根据一个特定的路径来查找模块。如果模块的路径设置不正确，就会导致"module not found error"。解决方法是检查模块路径是否正确，并且确保模块所在的目录已添加到Python的环境变量中。 3. 模块名称错误：有时候我们可能会在代码中使用错误的模块名称，或者拼写错误。这也会导致"module not found error"。解决方法是检查代码中引入模块的语句，并确保模块名称是正确的。 4. Python版本问题：有些模块只能在特定的Python版本中使用，如果我们尝试在不兼容的Python版本中导入这些模块，就会出现"module not found error"。解决方法是检查模块的兼容性，并使用对应的Python版本。 总之，在遇到"module not found error"错误时，我们需要仔细检查模块是否正确安装、路径设置是否正确、模块名称是否正确以及Python版本是否兼容。只要解决了这些问题，我们就可以成功导入所需的模块，并继续进行编程工作。 ### 回答3： "Module not found error" 是一个常见的错误，在编程中经常遇到。这个错误表明程序无法找到需要导入的模块。 在Python中，模块是一个包含了函数、类和变量的文件。当我们需要使用模块中的函数或类时，我们需要先导入这个模块。 出现"Module not found error"的原因可能有以下几种： 1. 模块没有被安装：如果你使用了一个第三方模块，但没有在你的环境中安装，Python将无法找到这个模块。 2. 模块没有正确命名或路径错误：确保你正确地指定了要导入的模块的名字和路径。 3. 程序文件和模块文件不在同一个目录下：如果你的程序文件和要导入的模块文件不在同一个目录下，Python将无法找到这个模块。 4. Python版本不兼容：有些模块只能在特定的Python版本中被导入，如果你的Python版本不兼容，将会出现模块找不到的错误。 解决"Module not found error"的方法通常有以下几种： 1. 安装所需的模块：如果你使用了一个第三方模块，可以通过使用包管理工具（如pip）来安装它。 2. 检查模块的命名和路径：确保你正确地指定了要导入的模块的名字和路径。 3. 检查文件目录结构：确保你的程序文件和要导入的模块文件在同一个目录下，或者使用正确的相对路径或绝对路径。 4. 检查Python版本：确保你的Python版本与模块兼容。 总结来说，出现"Module not found error"一般是因为模块没有被正确地导入或安装。通过检查模块的命名、路径、文件目录结构和Python版本，我们可以解决这个错误。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值