打包时报错Rollup failed to resolve import “xxx/node_modules/ant-design-vue/es/upload-dragger/style/index“

妖蓝色的狐狸

于 2024-07-17 18:29:44 发布

阅读量424

点赞数 3

文章标签： vue.js 前端 javascript anti-design-vue vue 前端框架

本文链接：https://blog.csdn.net/qq_43641501/article/details/140502473

版权

原因是引入组件的问题

原本是这样引入：

import { UploadDragger } from 'ant-design-vue'

更改后：

import { Upload } from 'ant-design-vue'
const UploadDragger = Upload.Dragger

使用：

<UploadDragger>
    ...
</UploadDragger>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

妖蓝色的狐狸

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

electron-vue-vite:Electron、vue3、vite2、ant-design-vue2 整合

05-02

Electron + vue3 + vite2 + ant-design-vue2 整合 :bug: 已知问题项目打包后仍有问题待解决... 暂时通过集成 webpack 解决打包问题 How and Why 写这个 Demo 项目主要有两个目的 vue@3.x 发布了，想试试新功能 ...

vite ant-design-vue upload-dragger打包报错 Rollup failed to resolve

weixin_35498622的博客

09-21

3122

把upload复制一份改名之后可以正常打包了。原因是antdv下面只有upload，没有upload-dragger，但是引入UploadDragger 却没有报错，打包的时候找不到。其实，可以从upload引入dragger。

参与评论您还未登录，请先登录后发表或查看评论

vite打包报错 Rollup failed to resolve

最新发布

qq_31013993的博客

12-07

8888

ERROR[vitel: Rollup failed to resolve import "xxx’from "xxx". 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'

小知识(7) wangEditor富文本编辑器简单引入(vue3)

郑清

10-24

807

wangEditor富文本编辑器

Rollup failed to resolve import

m0_63040701的博客

10-15

1566

我在打包vue3的项目的时候报了以下错误。

vue-devtool6.2.1，vue开发调试工具第六版

08-14

Vue.js 是一个流行的前端JavaScript框架，它用于构建用户界面，以提高开发效率和代码复用。Vue DevTools 是一个浏览器扩展程序，专为Vue.js应用的开发者提供强大的调试功能。在这一第六版（6.2.1）中，Vue DevTools ...

Vue.js报错Failed to resolve filter问题的解决方法

10-22

当在控制台发现报错信息"Failed to resolve filter:HomePage"时，可能会引起困惑，因为这可能指向了多个问题，比如过滤器的声明顺序、使用位置等。首先，需要了解的是，在Vue.js中，过滤器是用于格式化文本的一种...

react-ant-design-pro基础项目modules

12-06

React Ant Design Pro基础项目中的`modules`通常是指项目中用于组织功能模块的目录结构，它与Node.js的`node_modules`目录有所不同。`node_modules`是Node.js用来存放依赖库的地方，而`modules`在React应用中更多是...

rollup-plugin-htmlvue:用于将HTMLXML转换为Vue SFC的汇总插件

05-01

以便您的进行编译 :dizzy: 多功能支持任何XML可解析的标记 :rocket: 安装npm i -D rollup-plugin-vue rollup-plugin-htmlvue :hammer_and_wrench: 设定档rollup.config.js import vue from 'rollup-plugin-vue' ;...

vite打包报错 Rollup failed to resolve，原因是高版本找不到依赖/node_modules的里面的文件

qq_57583768的博客

10-27

5597

vite打包报错 Rollup failed to resolve，原因是高版本找不到依赖/node_modules的里面的文件

vue3+vite+vant项目下按需引入vant报错Failed to resolve import解决方案

weixin_45765073的博客

01-20

7843

在vue3+vite+vant项目下按需引入vant报错Failed to resolve import解决方案

vite 打包图片时报错 Rollup failed to resolve import ...

weixin_57849570的博客

08-04

6973

vite 打包图片时无法引入的 bug

Vue3 + vite 按需引入vant报错 Failed to resolve import “vant/es“ from “xxx“. Does the file exist?

wuyxinu的博客

10-13

3533

学习 vue3 + vite 的时候，做一个demo项目，其中用到了vant。按照vant官网按需引入组件的时候。在vite配置中，自己配置了extensions时，没有配置 .mjs，导致找不到文件。vant的入口文件是 .mjs 后缀的，痛苦面具。

wangEditor 富文本编辑器使用

shylock的可爱博客

01-06

1167

wangEditor 富文本编辑器使用

vue3+vite项目在按需导入vant后, 打包构建时报错

qq_43340606的博客

08-09

4927

程序解析为:项目路径/node_modules/vant/lib/vant/es/组件/style 实际应该是:项目路径/node_modules/vant/lib/ vant/es/组件/style多了一个vant/lib路径。vue3+vite项目在按需加载的插件是vite-plugin-style-import1.3.0, 在本地运行没问题, 在jsk上构建报错。多了一个vant/lib路径。...

jenkins-自动化构建

toomemetoo的博客

03-18

708

第一步：找到官网 https://pkg.jenkins.io/redhat-stable/ 第二步：提前准备工作安装环境是Linux，centos7 需要安装jdk8或者jdk11，这一步我就略过了第三步： -- 执行下面的命令，东西会保存到/etc/yum.repos.d/jenkins.repo sudo wget --no-check-certificate -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-sta

Rollup failed to resolve import “element-plus/es/components“ from “node_modules/element-plus/es/inde

weixin_43160498的博客

06-09

7203

[vite]: Rollup failed to resolve import "element-plus/es/components" from "node_modules/element-plus/es/index.js". This is most likely unintended because it can break your application at runtime. If you do want to externalize this module explicitly add it

Error: [vite]: Rollup failed to resolve import "F:/ZHZS/enterprise-operation-platform/node_modules/ant-design-vue/es/range-picker/style/index" from "src/views/statistics/bigData/index.vue". 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`

06-01

根据你提供的信息，这是一个 Rollup 打包错误。报错信息显示 Rollup 无法解析 "F:/ZHZS/enterprise-operation-platform/node_modules/ant-design-vue/es/range-picker/style/index" 这个模块。这通常是因为该模块无法找到或缺少必要的依赖项。解决这个问题的方法是将 "ant-design-vue" 添加到 Rollup 的 external 配置中，以确保它不会被打包进最终的输出文件中。在你的 `vite.config.js` 文件中添加以下配置： ```js export default { build: { rollupOptions: { external: ['ant-design-vue'] } } } ``` 这应该可以解决你的问题。如果问题仍然存在，请检查一下 "ant-design-vue" 模块是否正确安装，并且是否缺少其他依赖项。