defineModel在vite中报错

于 2024-09-06 08:53:06 发布
阅读量205 收藏
点赞数 2
分类专栏： vue 文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_23336093/article/details/141949769
版权

在vue3中导入defineModel报错

SyntaxError: The requested module ‘/node_modules/.vite/deps/vue.js?v=247ee786’ does not provide an export named ‘defineModel’

去.vite/deps/vue.js中查找了下，确实没导出defineModel
去网上找了下没有此问题
后面去查了官网，才发现版本有问题

从 Vue 3.4 开始，推荐的实现方式是使用 defineModel() 宏

查了vue版本低于3.4，真是个愚蠢的问题
还是要多看官方文档，不能盲目的写

向上的时钟塔
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vite,Vue3项目引入dataV报错的解决方法
qq_42372534的博客
09-07 8466
背景:开发一个大屏项目中,需要是要DataV的那边边框,装饰等,只是DataV是基于vue2的,vue3版的作者还在开发中,于是翻了DataV的源码,发现使用esm方式时是直接引入源码而不经过打包,其源码中使用的vue语法vue3也支持,所以可以直接在vue3中引入使用.
基于Vite2编译Vue3项目does not provide an export named ‘default‘
mo911108的博客
02-10 1万+
基于Vite2编译Vue3项目,在开发时报错： Uncaught SyntaxError: The requested module '/node_modules/@jiaminghi/c-render/lib/index.js?v=5a66da3e' does not provide an export named 'default' 错误原因是【bn.js】库使用【原生ES6的import】导出是,bs.js库不兼容【因为bn.js是是基于require导出的】为此这里不支持vite编译,只能使用【
jiaminghi/data-view改造版dataV for vite2.8+vue3项目
hehu158的专栏
10-18 1万+
jiaminghi的datav是不支持vite的，不过经过改造之后就可以完美兼容vite2/3+vue3/2。
Uncaught SyntaxError The requested module ‘node_modules.vitevue.jsv=bd1817bb‘ does not provide
m0_67401055的博客
03-05 732
vite 2.7.8 启动后报错 暂时不清楚是 2.7.8 的版本问题还是其他问题。将版本降低到 2.6.13 解决
Uncaught SyntaxError: The requested module ‘/node_modules/.vite/vue.js?v=50ccac76‘ does not provide
Alloom的博客
08-12 2万+
关键词：vite2、vue3、element-plus 问题产生： 当前vue3版本3.1.5，更新了以下三个包后： @vitejs/plugin-vue，1.3.0到1.4.0 @vue/compiler-sfc，3.1.5到3.2.2 element-plus，1.0.2-beta.69到1.0.2-beta.70 运行出现error，如下： Uncaught SyntaxError: The requested module '/node_modules/.vite/vue.j
vite+electron中报错Cannot use import statement outside a module
01-13
在vite+electron中报错"Cannot use import statement outside a module"是因为在某个依赖包中使用了import语法，而vite默认使用ES模块化规范，不支持CommonJS规范的require语法。为了解决这个问题，你可以尝试以下几...
vite搭建three.js的开发环境
01-06
在提供的压缩包`vite-threejs-demo`中，可能包含了已经搭建好的Vite和Three.js项目，你可以将其解压后运行`npm install`和`npm run dev`来查看和学习这个示例。这个示例可能会包含更复杂的3D场景和交互功能，通过...
如何使用vite-svg-loader
02-23
在安装了插件后，需要在 Vite 配置文件 `vite.config.js` 中添加插件的配置。配置代码如下： ``` import svgLoader from 'vite-svg-loader' export default defineConfig({ plugins: [vue(), svgLoader()] }) ``` ...
在Vite中将数千个图标作为Vue组件进行访问-Vue.js开发
05-27
在Vite vite-plugin-icons中作为Vue组件访问成千上万个图标在由Iconify浏览器支持的Vite 90+图标集中，作为Vue组件访问成千上万个图标安装Install npm i -D vite-plugin-icons将其添加到vite.config。 js // vite....
vite+vue3动态模块化导入并使用pinia
最新发布
03-25
在现代前端开发中，Vue3、Vite和Pinia是三个关键的技术组件，它们共同构建了一个高效、灵活的开发环境。下面将详细讲解这三个技术及其结合使用的方式。 **Vue3** 是Vue.js框架的最新版本，它带来了许多性能优化和新...
jiaminghi/data-view dataV for vite2 vue3 windows补丁 for pnpm
03-19
官网直接安装的不支持vite2+vue3的 主要修复： 1.build或者dev项目时不报错，兼容vite2，vue3； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已，不过修改原理都是一样的，大家可以自行下载研究，目前仅在windows下测试，macos跟linux还未测试。 下面说下安装步骤： 1.在项目更目录中安装，执行pnpm install @jiaminghi/data-view即可； 2.将other_modules压缩包解压并覆盖到项目的node_modules文件夹下即可 调用方法，请参考官网文档http://datav.jiaminghi.com/
Uncaught SyntaxError: The requested module ‘/node_modules/.vite/...‘ does not provide an export ...
m0_57855994的博客
07-18 2万+
Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/vue.js?v=84e66e8d' does not provide an export named 'Vue' (at main.js:9:10)
does not provide an export named ‘default‘导入文件报错
qq_38687592的博客
04-14 2万+
错误原因：引入的库没有使用export default 来导出，而是直接使用export导出一些属性和方法，所以无法使用【import xxx from ''xxx'】而只能通过【import { } from ''xxx'】,但是如果想使用全部属性和方法，这样显然不行。另一种方式就是通过【import * as 别名 from 'xxx'】，通过别名就可以访问了。
‘vite‘ does not provide an export named ‘defineConfig‘ win7使用vite
weixin_44134588的博客
08-22 1274
win7使用vite
vue3报错Uncaught SyntaxError: The requested module ‘/node_modules/.vite/vue.js?v=4b4
热门推荐
juanjuan_159的博客
11-16 3万+
这个应该是临时的错误后面官方会修复 暂时解决方法是修改vue版本 然后重新install i 具体步骤如下 1删除 node_modules文件夹和 package-lock.json rm .\package-lock.json rm .\node_modules 2修改 package.json "dependencies": { "amis": "^1.2.3-beta.4", "element-plus": "^1.0.2-beta.70", "vue": "^..
Vue3+Vite+Vant报错Uncaught SyntaxError: The requested module ‘/node_modules/.vite/vue.js?v=xxxx
天问博客-专注于大前端技术
08-16 1万+
在使用 Vue3 + Vite + Vant 搭建移动端项目时报错 Uncaught SyntaxError: The requested module '/node_modules/.vite/vue.js?v=xxxx' 。
PNPM补丁文件夹替换之后2023.2.9年新报错：
weixin_71235765的博客
06-30 364
的webpack打包工具，不支持vite，直接引入包，项目会出错的，不过经过站长一周的改造，效果还是蛮可以的，调用的图表组件均加入deep，可以通过API接口动态修改图表数据，官网给的状态更新教程也是针对vue-cli的，虽然比较耗费资源，不过deep还是个不错的解决方案。最近在制作一个企业大屏，需要一些大屏的插件，然后就找到了一款组件，jiaminghi的data-view，它的边框是我首先较为喜欢的，调用也很简单，一两句简单的html就能完成了，美中不足的是它原生态是支持。，pnpm版本下载地址。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值