vue3使用Vite打包报Rollup failed to resolve import “xxx/node_modules/ant-design-vue/xxxx

这篇具有很好参考价值的文章主要介绍了vue3使用Vite打包报Rollup failed to resolve import “xxx/node_modules/ant-design-vue/xxxx。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在使用vue3 + vite + ant design vue 的时候,引入一些antd的一些组件的时候,通常运行是没有错的,但是打包会报错,例如:

Rollup failed to resolve import "D:/xxxxx/node_modules/ant-design-vue/es/form-item-rest/style/index" from "src/views/xxx/xxx.vue". 15:01:51 This is most likely unintended because it can break your application at runtime. If you do want to externalize this module explicitly add it to build.rollupOptions.external 报关于 ant design vue的一些组件错误,


解决:文章来源地址https://www.toymoban.com/news/detail-568228.html

  <template>
  	<FormItemRest>
  		<a-input v-moal:value='val' />
  	</FormItemRest>
  </template>
  <script lang='ts' setup>
  	import { ref } from 'vue';
    import { Form } from 'ant-design-vue';
	const FormItemRest = Form.ItemRest; //正解
	const val = ref('');
  </script>

到了这里,关于vue3使用Vite打包报Rollup failed to resolve import “xxx/node_modules/ant-design-vue/xxxx的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包