【Vite】Vite切换版本(Vite+vue3)报错 [vite] Internal server error: Cannot set property ‘id‘ of undefined

这篇具有很好参考价值的文章主要介绍了【Vite】Vite切换版本(Vite+vue3)报错 [vite] Internal server error: Cannot set property ‘id‘ of undefined。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问题

Vue3+vite的项目,在全局安装新的Vite版本后,一直报下图错误。

报错信息

[vite] internal server error: [less] unrecognised input,Vue3+TypeScript,Vite,vue.js,javascript,前端,node.js
通过很多方式没有解决,最后发现是Vite版本的问题,因为Vue是从脚手架中引入的

import vue from '@vitejs/plugin-vue'

解决

查看package.json和package.lock.json区别

[vite] internal server error: [less] unrecognised input,Vue3+TypeScript,Vite,vue.js,javascript,前端,node.js

修改

package.json中vite的版本号固定后,安装(npm install)发现仍有问题
[vite] internal server error: [less] unrecognised input,Vue3+TypeScript,Vite,vue.js,javascript,前端,node.js

最终解决

查看@vitejs/plugin-vue的版本

[vite] internal server error: [less] unrecognised input,Vue3+TypeScript,Vite,vue.js,javascript,前端,node.js

安装上图的@vitejs/plugin-vue的版本
npm install @vitejs/plugin-vue@1.4.0

[vite] internal server error: [less] unrecognised input,Vue3+TypeScript,Vite,vue.js,javascript,前端,node.js
[vite] internal server error: [less] unrecognised input,Vue3+TypeScript,Vite,vue.js,javascript,前端,node.js
问题解决~~文章来源地址https://www.toymoban.com/news/detail-575963.html

到了这里,关于【Vite】Vite切换版本(Vite+vue3)报错 [vite] Internal server error: Cannot set property ‘id‘ of undefined的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue3配置代理--[vite] http proxy error

    跨域请求数据, 浏览器 同源策略的保护机制, 通过 proxy 实现跨域请求数据; 如果直接 postman 请求是不会报错的, vue3 报错是因为经过浏览器了, 数据其实返回了, 但是别浏览器的同源策略屏蔽了。 本地调试, 后端使用** http://localhost:8081 作为接口地址, 报错 [vite] http proxy error ** 可

    2024年02月08日
    浏览(44)
  • 带你玩转 Vite + Vue3 高低版本常用玩法

    Vite 是一种新型前端构建工具,在我们保险前端项目中已经推动并应用很久了,Vite 能够显著降低构建时间,提升前端开发效率。 它主要由两部分组成: 一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR) 一套构建指令,它使

    2024年02月05日
    浏览(35)
  • vite打包vue3项目白屏报错

    资源路劲问题 修改:vite.config.ts 原因是需要服务器进行静态资源访问,否则会因为跨域而报错 : Access to script at \\\'file:///F:/Progremes/Vue3/yanxuan_vue3_m_h5/dist/assets/index-49de958d.js\\\' from origin \\\'null\\\' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated

    2024年02月16日
    浏览(38)
  • Vue3通透教程【十七】Vite构建TS版本Vue项目

    专栏介绍: 凉哥作为 Vue 的忠实 粉丝输出过大量的 Vue 文章,应粉丝要求开始更新 Vue3 的相关技术文章,Vue 框架目前的地位大家应该都晓得,所谓三大框架使用人数最多,公司选型最多的框架,凉哥之前在文章中也提到过就是 Vue 框架之所以火起来的原因,和 Vue 框架相比其

    2024年02月13日
    浏览(34)
  • Vite + Vue3 + Ts 解决打包生成的index.html页面显示空白、资源跨域、找不到资源、404-Page Not Found等错误;关于vite build后访问报错 关于vite build后访问报错:Expected a JavaScript module script but the server responded with a MIME type of “

    一.vite.config.ts配置:主要的就是base: env.VITE_MODE === \\\'production\\\' ? \\\'./\\\' : \\\'/\\\', 二. 打包后的结果如图所示,文件路径是 ./ 其实 去掉./ 也 是可以 的,但是打包后是 /favicon.ico 这种路径是访问不到的,参考第一部分 三. 配置路由:路由改成 createWebHashHistory   四. vscode安装Live Server   

    2024年02月11日
    浏览(44)
  • vite+vue3+ts项目构建详细步骤(配置多语言版本)

    时过境迁,我们见证了诸如 webpack、Rollup 和 Parcel 等工具的变迁,它们极大地改善了前端开发者的开发体验。 然而,当我们开始构建越来越大型的应用时,需要处理的 JavaScript 代码量也呈指数级增长。包含数千个模块的大型项目相当普遍。基于 JavaScript 开发的工具就会开始遇

    2024年02月05日
    浏览(35)
  • vue3 vite ts引入vue文件报错 ts(2307)

    vue3 vite ts 生成的项目模板,在ts文件中引入vue文件报错 ts(2307),只是ts报错,并不影响项目运行。 官方文档有说明:http://vue.dragonlm.com/guide/typescript/overview.html#ide-support 解决方法是安装插件,之后即可正常解析路径,并可以跳转到对应文件。 TypeScript Vue Plugin (Volar)

    2024年02月16日
    浏览(37)
  • vite vue3+ts @引入无提示/解决提示报错

    1. setting.json  这时候已经有提示了 但是ts会报错   tsconfig.json  以@开头代表src目录下 以#开头代表ts目录下  配置好后 重新引入 没有红色波浪线但是 vite不认识 @符号 运行项目还是会报错  这时候就需要在vite.config.ts中添加配置 如果path会报错 需要下载一下@types/node 再重启下

    2024年02月15日
    浏览(34)
  • nginx部署vue前端项目,访问报错500 Internal Server Error

    描述:当我配置好全部之后,通过 服务器 ip 地址访问,遇到报错信息: 500 Internal Server Error 。 情况说明 前提:我是通过Docker启动nginx容器,通过-v 绑定数据卷,将html文件和nginx.conf通过挂载的方式启动。 我将vue项目打包放在 html路径下。通过启动命令启动nginx容器,命令如下

    2024年02月07日
    浏览(45)
  • 【vue3】踩坑日记,vite与node版本对应(mac环境)

    创建vue3+vite+ts项目时,报错The requested module ‘vue’ does not provide an export named ‘computed’; node版本问题, Vite 需要 Node.js 版本 14.18+,16+; 升级node版本步骤: 先查看node的版本: 安装n: sudo n latest // 升级到最新版本 sudo n stable // 升级到稳定版本 sudo n xx.xx // 升级到具体版本号

    2024年02月05日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包