开发vue3 + vite Vetur插件报引入.vue路径 ”different name“错误

最新推荐文章于 2024-01-05 10:45:45 发布
最新推荐文章于 2024-01-05 10:45:45 发布
阅读量408 收藏
点赞数
分类专栏： 前端 调试 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/QAZWSX821/article/details/118214887
版权
设置 > 扩展 > Vetur > 关闭

在这里插入图片描述

断忆
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue3+Vite+ElementPlus实战商城后台管理系统开发.zip
01-03
Vue3，springboot，element-ui使用技巧，实战应用开发小系统参考资料，源码参考。 详细介绍了一些Qt框架的各种功能和模块，以及如何使用Qt进行GUI开发、网络编程和跨平台应用开发等。 适用于初学者和有经验的开发者...
vue3+vite+qiankun+monorepo框架
08-03
vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+...
vue小坑之Vetur报错：相对路径报错
qq_43869364的博客
07-12 48
话不多说先上图 俗话说：面向百度编程，这话是没错滴，找不到相同问题的博客至少你还可以找谷歌翻译 以上图片问题就是：你导入的组件的相对路径不对。(有可能是你手动敲进去的，然后vetur这边检测不到) 解决方法 把负责到的相对路径直接覆盖源代码里的路径。 然后打开vscode的设置，打开扩展内的Vetur将途中框选的位置的勾勾取消掉。这是让Vuter不要使用Eslint帮我们去验证代码 ...
vite + vue3引入ant design vue 报错
weixin_38673922的博客
01-05 783
npm install ant-design-vue --save下载插件并在main.ts 全局引入。main.ts注释掉全局引入。
vue cdn引入一段时间后 在某些浏览器报错
hello world
06-09 470
之前为了缩小打包体积，一些东西使用cdn引入，过了一段时间项目在某些浏览器打不开，打开控制台，发现cdn资源错误 原因：cdn引入版本与项目版本不符 项目中的版本应该是自己更新的，我自己没手动更新过，也可能是领导更的 之前用的vue版本是2.5.10版本，cdn引入的也是，现在项目里vue是2.6.11（在package.json查看项目中的版本） 更新cdn的版本即可 ...
vue3语法糖setup中使用vscode打开，满屏红线报错，‘xxx‘ is declared but its value is never read. Vetur(6133)，解决方法
qq_18798149的博客
09-28 6209
编写vue3代码的时候，引入的组件和定义的变量，在vscode中会出现红色波浪线，虽然不影响运行，但是看着很别扭，应该怎么处理那
vue项目运行出现报错：Multiple assets emit different content to the same filename index.html
qq_29820687的博客
05-31 737
原因： 文件名存在括号 解决方法：去掉括号就可以了
基于Vue3+TypeScript+Vite警情监测系统源码.zip
03-07
基于Vue3+TypeScript+Vite警情监测系统源码.zip下载即用基于Vue3+TypeScript+Vite警情监测系统源码.zip下载即用基于Vue3+TypeScript+Vite警情监测系统源码.zip下载即用基于Vue3+TypeScript+Vite警情监测系统源码.zip...
Vue3+Vite+Ts+Pinia+....一个快速开发vue3的模板框架，快速搭建前台应用.zip
02-08
【Vue3】 Vue3是Vue.js框架的最新版本，带来了许多性能优化和新特性...使用TypeScript强化类型检查，Pinia简化状态管理，Vite提高开发效率，Vue3的Composition API优化代码组织，共同构建出一个高效、灵活的开发环境。
基于Vue3+Vite+Pinia、Node.js、Socket.io和MongoDB的实时聊天应用程序
11-12
基于Vue3+Vite+Pinia、Node.js、Socket.io和MongoDB的实时聊天应用程序。前端支持axios、sass、ant-design-vue@next、buffer、vue3-emoji、socket.io-client。后端支持express、mongoose、socket.io、bcrypt、cors、...
vite-vue3-piain-ts
04-02
Vue 3 +打字稿+ Vite 该模板将帮助您开始在Vite中使用Vue 3和Typescript进行开发。 推荐的IDE设置 + 。 确保在设置中启用vetur.experimental.templateInterpolationService ！ 如果使用[removed] 是当前处于RFC阶段的功能。 要获得语法的正确IDE支持，请使用而不是Vetur（并禁用Vetur）。 TS中.vue导入的类型支持 由于TypeScript无法处理.vue导入的类型信息，因此默认情况下将它们.vue为通用Vue组件类型。 在大多数情况下，如果您真的不在乎模板之外的组件prop类型，那么这很好。 但是，如果您希望在.vue导入中获取实际的道具类型（例如，在使用手动h(...)调用时获取道具验证），则可以使用以下代码： 如果使用手掌 运行Volar: Switch TS Plug
Vue3+vite+node.js+Vetur(插件)环境搭建
langko的博客
06-18 1062
1.直接引入：CDN方式 2.直接下载vue3源码并引入 //注意2.3两种方法的data和methods不一样？//建议使用3方法3.使用vite构建项目 成功之后会出现 进入网页有如下显示即可 接下来，只要在App.vue写我们的vue指令即可............
Vite,Vue3项目引入dataV报错的解决方法
qq_42372534的博客
09-07 7661
背景:开发一个大屏项目中,需要是要DataV的那边边框,装饰等,只是DataV是基于vue2的,vue3版的作者还在开发中,于是翻了DataV的源码,发现使用esm方式时是直接引入源码而不经过打包,其源码中使用的vue语法vue3也支持,所以可以直接在vue3中引入使用.
cdn引入vue后，开发环境下报错，无法识别vue路径
weixin_51401989的博客
09-11 1万+
未捕获类型错误：无法解析模块说明符“vue”。相对引用必须以“/”、“/”或“./”开头。安装vue-demi 并导入，因为pinia中有用vue依赖中的vue-demi。
Vue3入门 ----- Vite、Vetur、Vue-router@4、Pinia的使用
weixin_51972964的博客
04-03 5851
打包 – Vite 极速的服务启动，使用原生 ESM 文件，无需打包 轻量快速的热重载，始终极快的模块热重载（HMR） 丰富的功能，对 TypeScript、JSX、CSS 等支持开箱即用 传统打包方式 基于打包器的方式启动，必须优先抓取并构建你的整个应用，然后才能提供服务。 vite 方式 Vite 只需要在浏览器请求源码时进行转换并按需提供源码。 根据情景动态导入代码，即只在当前屏幕上实际使用时才会被处理。 PS: webpack 的入口是一个 js 文件，先根据入口 js 文件，构建打包项目，在运
踩坑记19 element-plus 根据视口尺寸隐藏元素 | vue3 v-model props emit 二次封装el组件 | vite import 路径 Vetur报错
Alloom的博客
09-03 1008
2021.9.3 坑61（element-plus、根据视口尺寸隐藏元素）：文档要求引入文件import 'element-plus/lib/theme-chalk/display.css'，其中地址错误，查看包文件结构后，确认地址应该为： import 'element-plus/theme-chalk/display.css'; 地址改变的原因是element-plus更新到1.1.0-beta.1版本的时候的变化。详细见：Breaking changes made in 1.1.0-bet..
vite+vue 启动报错
Jeremy Liu的博客
09-08 3243
按照官网的流程来 1.新建工程 2.下载依赖 3.然后把改工程拖到vscode中，在vscode中新建终端启动，然后就报错，报错如下： JeremyMacBook-Pro@liu:~/Documents/Learn/myVite#yarn dev yarn run v1.22.10 warning package.json: No license field $ vite > error: Cannot read directory "../..": operation not permitted
vue：引入外部cdn报错 ‘XXX is not defined’ 及事件处理办法
热门推荐
mosowe
04-30 2万+
框架：vue-cli（vue脚手架） 例：以cdn引入腾讯防水墙为例 前因：在html的head中引入外部cdn链接， 在vue文件中直接使用，如图 结果：如图报错 解决办法： 1. 在index.html中的head中引入， 2.在webpack.base.conf.js中配置 module.exports = { externals: { Tencen...
公共CDN引入Vue3时报错
weixin_44260928的博客
04-05 2173
 最近尝试使用vue-cli4创建项目，选择使用vue3.0版本进行开发。之前使用vue2时，为了优化性能使用CDN引入了相关包，因此新的项目也打算采用相同的方式。  然而vue3并没有向2.0版本使用UMD模块化，因此在公共库CDN网站中会发现有多个版本可以选择，例如vue.cjs.js，vue.esm-browser.js，vue.global.js等等。由于自己不懂它们有何区别，在用script标签引入时出现了类似Uncaught ReferenceError: vue is not defined的
vue3+vite 在vite.config.js本地代理
最新发布
06-15
Vue 3 和 Vite 是现代前端开发中的热门组合，Vite 是一个由尤雨溪（Vite的开发者）创建的高性能前端构建工具，它提供了快速的热更新和预构建能力。在使用 Vite 构建 Vue 项目时，你可能会遇到需要在 `vite.config.js` 文件中配置本地代理的情况，以便访问在开发环境下运行的 API 或静态资源。 在 `vite.config.js` 中，你可以使用 `define` 函数定义一个名为 `proxy` 的对象，这个对象的键是你希望访问的服务路径，值是一个配置对象。以下是一个基本的配置示例： ```javascript export default defineConfig({ // ...其他配置 // 本地代理配置 proxy: { '/api': { target: 'http://localhost:8080', // 你要代理的目标服务器地址 changeOrigin: true, // 允许跨域请求 pathRewrite: { '^/api' : '' } // 将请求的路径前缀 '/api' 替换为空字符串 } } }); ``` 在这个例子中： - `/api` 是你在前端应用中想访问的路径，例如 `/api/data`。 - `target` 指定了代理请求发送到的服务器地址。 - `changeOrigin` 设置为 `true`，意味着 Vite 会在发送请求时自动添加 `Origin` 头，处理跨域问题。 - `pathRewrite` 部分用于重写路径，这里将所有以 `/api` 开始的路径映射到目标服务器的根路径。 如果你有多个代理规则，可以在 `proxy` 对象中添加更多条目，每个条目对应不同的服务或路径。 相关问题： 1. Vite 的代理功能是如何实现的？ 2. 当我们在生产环境中部署时，是否还需要设置这样的代理配置？ 3. 如何在 Vite 中处理动态生成的代理路径？

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值