[vite] 内部服务器错误：无法解析从“src\views\Login\Login.jsx“导入的“react-router-dom”。该文件是否存在？

已于 2023-03-26 11:36:51 修改
阅读量1k 收藏
点赞数 2
分类专栏： Vite + React 文章标签： react 前端 Powered by 金山文档
于 2023-03-10 22:17:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53818683/article/details/129454802
版权

我确定包的存在，但是 yanr dev/start 时总会报错，即使更换vite的版本也是会报错的，如图：

后面我发现了问题，原因： 其实就是你没有配置相关的react-router-dom

解决方案如下：

直接在命令界面或者终端中

最低0.47元/天 解锁文章
欧菲小杨
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
遇到报错解决：error in ./src/router/index.js
快乐学习
05-06 4549
error in ./src/router/index.js在运行前端vue代码的时候，发现了这个报错。根据与上面的报错提示：就是这个路由里面的问题 ，这里缺失了这个Login.vue的文件，那就创建一个加上去就好了。新建一个Vue组件或者文件都可以，只要名字是。
【使用Vite构建React项目，解析js文件报错】The esbuild loader for this file is currently set to “js“ but it must be s
weixin_48610566的博客
10-23 5707
React项目——解决问题
VueRouter之加载解析VueRouter文件
玉案轩窗的博客
07-18 2002
前言 vue-router是Vue项目中组件化的核心，负责路由跳转，本系列会分析路由跳转的具体实现逻辑，目标是梳理路由跳转的实现逻辑。分析的版本是VueRouter最新版本，是build之后的vue-router.js文件。 具体分析 从简单实例出发分析整个流程： html文件 <!DOCTYPE html> <html lang="en"> <head...
vue打包npm run build时候界面报错
shaleilei的博客
09-23 1万+
用coding-pages打开后显示Failed to load resource: the server responded with a status of 404 (Not Found)， 解决方案： 方案一： 找到config里的index.js,打开修改assetsPublicPath 为“./” 方案二： 或者把index.html文件
在 Vue + Vite + TypeScript 项目中,找不到模块“@/views/xx/xx.vue”或其相应的类型声明。ts(2307)
最新发布
Anislandwhale的博客
03-10 1016
对于 Vue 3，确保你已经安装了必要的类型定义。通常，通过安装。
vite中img标签动态src无法正常显示
qq_21948601的博客
04-13 1702
使用import.meta.url 是一个 ESM 的原生功能，会暴露当前模块的 URL。将它与原生的 URL 构造器 组合使用，在一个 JavaScript 模块中，通过相对路径我们就能得到一个被完整解析的静态资源。原因是因为动态地址，路径被加载器解析为字符串，所以图片找不到。图片存放的地址不同，concatPath中拼接的url也不同。1.用相对路径的写法在<img>标签上是可以显示的。（1）import每张图片，使用的时候直接拿去用。2.但是会用动态传值之后，图片显示不了。
React-ts:React-ts项目
03-31
- `index.tsx`：这是应用的入口点，它通常导入`App`组件并渲染到DOM中。 - `components`目录：包含所有自定义的可复用组件。 - `services`或`apis`目录：处理与服务器的交互，如API调用。 - `contexts`目录：...
vite2.0+react17+mobx+antd带登录，tabs多开窗口的应用系统框架
03-21
1.采用vite搭建，支持图片压缩，兼容ie11，包名自定义，proxy代理请求，less语法，自动生成压缩包框架，框架主题色定制和公用样式开发 2.请求api接口方法采用axios封装，带响应拦截以及请求拦截事件 3.模拟登录页...
react-web
03-26
React-web 是一个基于 React.js 的前端开发框架，主要...在学习过程中，理解 React 的核心原理、熟练运用 JSX 语法、掌握状态管理和组件通信，以及了解前端构建工具（如 Webpack 或 Vite）的使用，都是至关重要的步骤。
react-app-template
03-07
2. **脚手架工具**：如Create React App或Vite，它们提供了开箱即用的开发环境，包括热重载、自动编译和错误检测。 3. **样式处理**：可能集成了CSS预处理器（如Sass或Less）或者CSS-in-JS解决方案（如styled-...
React-投资组合
02-27
React 投资组合项目是利用 JavaScript 语言，特别是 React 框架来构建的一个前端应用。React 是由 Facebook 开发并维护的开源库，用于构建用户界面，尤其是单页应用程序（SPA）。它采用组件化开发方式，使得代码更加...
vue3使用vue-cli引入windicss报错Can‘t resolve ‘windi.css‘
m0_56683897的博客
02-24 1756
由于windi.css模块是虚拟模块，他并不真的存在于你的项目文件中，所以在检索时并没有找到它，eslint就会报错了。安装windicss的，但是它总是报错，找不到‘windi.css' 模块，这个引入的，甚至不是我自己写进main.js的，而是下载时自动引入的，但依然反复报这个错。我很头大，更头大的是并没有搜索到解决办法，我尝试更换版本也没有解决，又换了webpack去安装windicss，并没有成效，最后在一个外网论坛上看到了解决办法。这是一个头疼的问题，我是使用。解决办法如上图所示，在你的。
vue中main.js导入全局css文件失败原因
weixin_45477985的博客
03-11 3159
标题就说明了我的问题 当时公司想要更换前端框架，使用另外一个前端部门的vue-touch框架，想要将项目迁移 任务分配了给我，我将代码迁移后发现，main.js中引用的css文件，全部失效，导致整个登录页乱成了一锅粥； 我左思右想没有发现出问题，知道现在我才发现，这个框架多了一个小小的插件 这个postcss插件才是罪魁祸首 把他里面的内容删除后，发现css能够正常编译了，新框架还是得熟悉熟悉才能入手使用啊。 ...
vue3 + vite 项目搭建 - 引入windcss
qq_40026668的博客
11-29 2669
安装依赖 npm i -D vite-plugin-windicss windicss //或者 yarn add vite-plugin-windicss windicss --dev 使用插件 // vite.config.ts import WindiCSS from 'vite-plugin-windicss' export default defineConfig({ plugins: [ WindiCSS() ], }) 导入样式 // main.ts import 'vi
vue antd 按需加载 报错.bezierEasingMixin()
Cris_are的博客
08-06 1733
1. 修改 less 版本 为3.0 一下 yarn add less@^2.7.3 2.在vue.config.js中添加 less-loader：5.0.x module.exports = { css: { loaderOptions: { less: { javascriptEnabled: true, }, }, }, }; les...
报错：[plugin:vite:import-analysis] Failed to resolve import “./Child“ from “src\views\home.vue“. Doe
朱远辉的博客
03-24 1590
报错：[plugin:vite:import-analysis] Failed to resolve import "./Child" from "src\views\home.vue". Doe
解决vite不是内部或外部命令，也不是可运行的程序 或批处理文件。
热门推荐
见证自己学习,成长的记录
12-06 9万+
今天是要vite创建vue3.0项目的时候，到了最后一步npm run dev的时候出现了以下错误：如下图所示想了半天，调试了很久，本来以为是环境的问题，是不是没有缺少哪些配置但是查了资料发现，如果是使用vite创建vue3.0项目的时候，vite不会自动帮助我们install相关的依赖，需要我们手动去安装，想到这里恍然大悟然后我去项目的node_modules目录里面查看，果然什么都没有所以说出现这个问题的原因是：缺少安装依赖这一步！ vite不像node或cli，会自动帮助我们执行npm i (inst
v-model绑定出现问题
菜鸟的博客
10-10 2617
在vue中的v-model绑定出现问题，一般都是绑定的变量没有声明，或者是绑定的变量不是响应式属性，或者是在其他地方被覆盖成 了空的，如果不是响应式属性的话，可以通过Vue.set()方法把它设置成为响应式属性。 ...
vite项目中出现的错误
skybulex的博客
07-29 3607
error when starting dev server: Error: Dynamic require of "xxx" is not supported
index.tsx:2 Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/react-router-dom.js?v=cf10531d' does not provide an export named 'useRouter
06-03
这个错误信息表明在index.tsx文件的第二行，使用了一个名为'useRouter'的导出，但是'/node_modules/.vite/deps/react-router-dom.js'模块没有导出名为'useRouter'的内容。 这个错误通常发生在使用错误的导入语法...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值