Rollup failed to resolve import "XXXXXX/node_modules/@arco-design/web-vue/es/collapse-item/style/css.js" #71

gmars · 2022-04-30T17:51:24Z

I'm sure this does not appear in the issue list of the repository

Basic Info

Package Name And Version: arco-design-pro-vue@2.3.6
Framework version: 2.18.0
Browser: chrome101.0.4951.41
Reproduction Link: https://github.com/

What is expected?

使用了collapse-item打包时Rollup报错。手动引入样式也没有这个路径的。项目是按需加载

arect · 2022-05-02T14:09:45Z

同样遇到了这个问题。

GSZS · 2022-05-02T14:47:14Z

还有这个mport "XXXXXX/node_modules/@arco-design/web-vue/es/icon/style/css.js

gmars · 2022-05-02T15:07:27Z

你这个应该看看文档中好像有如果你引入了iconfont是因为iconfont不支持按需加载。

Sanbolee · 2022-05-03T04:35:27Z

一样，下面几个都有问题

@arco-design/web-vue/es/icon/style/css.js
@arco-design/web-vue/es/descriptions-item/style/css.js
@arco-design/web-vue/es/collapse-item/style/css.js
@arco-design/web-vue/es/image-preview-group/style/css.js

superaotu · 2022-05-04T08:40:47Z

以image-preview-group组件为例
在config/plugin/styleImport.ts中，往ignoreList中添加image-preview-group进行忽略就行了

Sanbolee · 2022-05-04T08:50:26Z

以image-preview-group组件为例在config/plugin/styleImport.ts中，往ignoreList中添加image-preview-group进行忽略就行了

今天试过了，找到config/plugin/styleImport.ts，往replaceList中添加替换成它们的父组件可以，也按你说的忽略也可以，不过除了descriptions-item，其他都可以了，而且这个是默认就在ignoreList中的，至今还是没搞定

Sanbolee · 2022-05-04T08:52:02Z

对了，你们打包后css样式顺序会不会混乱，开发的时候样式正常，打包后就有问题了

sHow8e · 2022-05-05T03:12:03Z

@gmars hi 这个问题是按需加载打包产生的问题。可以选择升级一下依赖。或者在config/plugin/styleImport.ts中ignoreList里添加报错的对应的组件名即可。

sHow8e · 2022-05-05T03:13:42Z

对了，你们打包后css样式顺序会不会混乱，开发的时候样式正常，打包后就有问题了

@Sanbolee 这个问题可以新开一个issue。提供具体复现信息哈。

Sanbolee · 2022-05-05T06:15:03Z

@gmars hi 这个问题是按需加载打包产生的问题。可以选择升级一下依赖。或者在config/plugin/styleImport.ts中ignoreList里添加报错的对应的组件名即可。

版本"@arco-design/web-vue": "2.26.0"，"arco-design-pro-vue": "^2.3.6"，config/plugin/styleImport.ts中ignoreList里已添加descriptions-item，其他的都可以，只有它不行

sHow8e · 2022-05-05T06:22:42Z

@Sanbolee 因为组件库这边确实做了一些调整。包括类型导出、命名调整以及增加了一下特性。目前的解决方法是，你根据打包的错误提示，把缺失的部分补充或者忽略就行。

Sanbolee · 2022-05-05T06:25:28Z

@Sanbolee 因为组件库这边确实做了一些调整。包括类型导出、命名调整以及增加了一下特性。目前的解决方法是，你根据打包的错误提示，把缺失的部分补充或者忽略就行。

我现在的做法是在配置build.rollupOptions.external把@arco-design/web-vue/es/descriptions-item/style/css.js加进去，然后打包好，在全局查找它把它删除😅

sHow8e · 2022-05-05T06:30:28Z

@Sanbolee 你这路走的有点绕了。不推荐这么搞哈。😓

Sanbolee · 2022-05-05T06:36:09Z

config/plugin/styleImport.ts中ignoreList里已添加descriptions-item

没办法啊，在config/plugin/styleImport.ts中ignoreList里已添加descriptions-item这项了，但是打包的时候还是忽略不了，其他的诸如：collapse-item、image-preview-group、icon都可以，就只有它不行，好奇怪😂，要是不在build.rollupOptions.external把@arco-design/web-vue/es/descriptions-item/style/css.js加进去，打包不成功😂，又要上线使用，只能这么搞了😂这么搞确实有点麻烦，本来脚本一键部署的，现在还得手工删一次

sHow8e · 2022-05-05T06:57:16Z

@Sanbolee descriptions-item 这一项我看了确实有加。具体报错什么样的？解决方法的话，你试试把这一项放到replaceList里，'descriptions-item':'descriptions'

Sanbolee · 2022-05-05T07:01:34Z

@Sanbolee descriptions-item 这一项我看了确实有加。具体报错什么样的？解决方法的话，你试试把这一项放到replaceList里，'descriptions-item':'descriptions'

单独在replaceList里加'descriptions-item':'descriptions'这个也试过了，单独在ignoreList里添加descriptions-item也试过，一起加也试过，都是报错

sHow8e · 2022-05-05T07:04:21Z

@Sanbolee ok，我先本地模拟跑跑看。有结果再告知哈。

Sanbolee · 2022-05-05T07:06:38Z

@Sanbolee ok，我先本地模拟跑跑看。有结果再告知哈。

嗯嗯，好的

sHow8e · 2022-05-05T08:59:53Z

@Sanbolee hi 还是按需加载的问题。你把unplugin-vue-components 这个包升级到最新就行了。

Sanbolee · 2022-05-05T09:08:09Z

@Sanbolee hi 还是按需加载的问题。你把unplugin-vue-components 这个包升级到最新就行了。

可以了，感谢🙏

Paradox315 · 2022-05-07T17:11:11Z

对了，你们打包后css样式顺序会不会混乱，开发的时候样式正常，打包后就有问题了

我也遇到了这个问题，怎么解决啊

Sanbolee · 2022-05-08T08:34:40Z

对了，你们打包后css样式顺序会不会混乱，开发的时候样式正常，打包后就有问题了

我也遇到了这个问题，怎么解决啊

我的还没有解决

Paradox315 · 2022-05-08T08:38:32Z

对了，你们打包后css样式顺序会不会混乱，开发的时候样式正常，打包后就有问题了

我也遇到了这个问题，怎么解决啊

我的还没有解

控制台报了这些错

Sanbolee · 2022-05-08T08:44:15Z

对了，你们打包后css样式顺序会不会混乱，开发的时候样式正常，打包后就有问题了

我也遇到了这个问题，怎么解决啊

我的还没有解

控制台报了这些错

你打包成功后直接双击打开index然后出现这个错误的吗？

Paradox315 · 2022-05-08T08:46:58Z

对了，你们打包后css样式顺序会不会混乱，开发的时候样式正常，打包后就有问题了

我也遇到了这个问题，怎么解决啊

我的还没有解

控制台报了这些错

你打包成功后直接双击打开index然后出现这个错误的吗？

对的，而且路由可以跳转，只是跳转过去的页面部分CSS显示不正常

sHow8e · 2022-05-08T08:55:12Z

@Paradox315 @Sanbolee 打包后的样式错乱的问题可以新开一个issue。至于打包后的那部分报错大概率是你的部署环境的缘故。可能是权限或者是配置的问题。我这边使用http-server简单启动后是能够进行页面访问且不报错。

GreenHand-wt · 2022-07-24T12:21:05Z

这是为什么在config/plugin/styleImport.ts中ignoreList的组件名中添加也没用别的都没问题

zemel1988 · 2022-10-05T09:57:31Z

我发现的原因：是因为使用npm命令更新了包。
解决过程：删除node_modules文件夹，然后还原package.json的内容，使用yarn install安装所有包，然后yarn run build打生产包就没有问题。
更新包：没有更新了，如果要更新尝试yarn upgrade

deng-gl · 2022-11-02T02:25:19Z

这个问题要咋解决啊
Failed to resolve import "@arco-design/web-vue/es/s-e_-u-r-l/style/css.js" from "src\router\index.js". Does the file exist?

dingfeipeng · 2023-02-16T02:28:19Z

[vite]: Rollup failed to resolve import "/node_modules/@arco-design/web-vue/es/countdown/style/css.js" from "XXX.ts"同样遇到了

yuandonghua · 2023-03-26T11:25:15Z

@Sanbolee unplugin-vue-components 我用的最新版0.24.1 还是不行,我和你类似,只剩这一个解决不了Rollup failed to resolve import "@arco-design/web-vue/es/breadcrumb/style/css.js"

GreenHand-wt · 2023-03-27T01:11:39Z

依赖问题   1592817535 ***@***.***  

…

------------------ 原始邮件 ------------------ 发件人: ***@***.***>; 发送时间: 2023年3月26日(星期天) 晚上7:25 收件人: ***@***.***>; 抄送: ***@***.***>; ***@***.***>; 主题: Re: [arco-design/arco-design-pro-vue] Rollup failed to resolve import ***@***.***/web-vue/es/collapse-item/style/css.js" (Issue #71) @Sanbolee unplugin-vue-components 我用的最新版0.24.1 还是不行,我和你类似,只剩这一个解决不了Rollup failed to resolve import ***@***.***/web-vue/es/breadcrumb/style/css.js" — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: ***@***.***>

BlueBiuBiu · 2023-03-31T06:44:09Z

我发现的原因：是因为使用npm命令更新了包。解决过程：删除node_modules文件夹，然后还原package.json的内容，使用yarn install安装所有包，然后yarn run build打生产包就没有问题。更新包：没有更新了，如果要更新尝试yarn upgrade

使用该方式，已解决问题

shaoerkuai · 2023-04-01T15:47:19Z

跟一个楼，如果使用了vite-plugin-style-import导入acro vue也出现了对应的问题，可以采取为resolveStyle补一段黑名单代码，把不存在的目录排除出去。可以这么干：

        createStyleImportPlugin({
            libs: [
                {
                    libraryName: '@arco-design/web-vue',
                    esModule: true,
                    resolveStyle: (name) => {
                        const exclude = ['tab-pane','row','col']
                        if (exclude.indexOf(name) > -1) return ''
                        return `@arco-design/web-vue/es/${name}/style/css.js`
                    },
                }
            ]
        }

rlzrobot · 2023-05-06T13:51:29Z

到现在还没有一个清晰的解决方案么？

heiyhia · 2023-05-25T06:18:38Z

到现在还没有一个清晰的解决方案么？

config/plugin/styleImport.ts ignoreList 添加要忽略的组件就是了

houlovegu · 2023-09-26T02:38:07Z

我也用到同样的问题，但是最后检查代码发现是同事乱用标签导致的，因为官方都没有a-span标签，它却在页面里使用，导致官方组件库加载不到这个css.js文件所以一直打包有问题，最后我让他把a-span换成span就可以打包

mingbai2006 · 2024-11-29T03:59:28Z

我今天也遇到了，后来发现arco-desgin的动态引入css的插件vitePluginForArco，默认前缀是“a”，于是组件只要以“a”开头，都会被认为是arco-design组件（即使这个组件明明在本地目录存在）

所以解决方法就是给组件改名字。但是也希望官方能修改一下vitePluginForArco这个插件，先检查一下组件在本地是否已经存在，如果存在就不要再当做arco-design组件了

Trojan0523 · 2024-12-13T06:08:02Z

cc @sHow8e 配合 rsbuild 的时候同样遇到相关的问题，想问下会有一个明确的解决方案么 , 是否可以提供一下使用非 vite构建工具的配置方案呢，感谢

sHow8e added the bug Something isn't working label May 10, 2022

sHow8e added this to the v2.4.1 milestone May 10, 2022

sHow8e closed this as completed May 10, 2022

sHow8e mentioned this issue May 23, 2022

权限路由判断 #90

Closed

1 task

sHow8e mentioned this issue May 23, 2022

打包构建TS验证不通过，导致失败 #89

Closed

This was referenced Jul 4, 2022

在Card的extra插槽中使用ButtonGroup无法Build (报错) #130

Closed

image-preview 打包时找不到style/css.js #132

Closed

sHow8e mentioned this issue Jul 15, 2022

Rollup failed to resolve import "***node_modules/_@arco-design_web-vue@2.33.0@/@arco-design/web-vue/es/message/style/css.js" #139

Closed

1 task

sHow8e mentioned this issue Mar 2, 2023

Arco Pro Vue引用a-button-group组件之后，编译失败 #263

Closed

1 task

Rollup failed to resolve import "XXXXXX/node_modules/@arco-design/web-vue/es/collapse-item/style/css.js" #71

Rollup failed to resolve import "XXXXXX/node_modules/@arco-design/web-vue/es/collapse-item/style/css.js" #71

Comments

gmars commented Apr 30, 2022 • edited Loading

Basic Info

What is expected?

arect commented May 2, 2022

GSZS commented May 2, 2022

gmars commented May 2, 2022

Sanbolee commented May 3, 2022

superaotu commented May 4, 2022

Sanbolee commented May 4, 2022

Sanbolee commented May 4, 2022

sHow8e commented May 5, 2022

sHow8e commented May 5, 2022

Sanbolee commented May 5, 2022

sHow8e commented May 5, 2022

Sanbolee commented May 5, 2022

sHow8e commented May 5, 2022

Sanbolee commented May 5, 2022

sHow8e commented May 5, 2022

Sanbolee commented May 5, 2022

sHow8e commented May 5, 2022

Sanbolee commented May 5, 2022

sHow8e commented May 5, 2022

Sanbolee commented May 5, 2022

Paradox315 commented May 7, 2022

Sanbolee commented May 8, 2022

Paradox315 commented May 8, 2022

Sanbolee commented May 8, 2022

Paradox315 commented May 8, 2022

sHow8e commented May 8, 2022

GreenHand-wt commented Jul 24, 2022

zemel1988 commented Oct 5, 2022

deng-gl commented Nov 2, 2022 • edited Loading

dingfeipeng commented Feb 16, 2023

yuandonghua commented Mar 26, 2023

GreenHand-wt commented Mar 27, 2023 via email

BlueBiuBiu commented Mar 31, 2023

shaoerkuai commented Apr 1, 2023 • edited Loading

rlzrobot commented May 6, 2023

heiyhia commented May 25, 2023

houlovegu commented Sep 26, 2023

mingbai2006 commented Nov 29, 2024 • edited Loading

Trojan0523 commented Dec 13, 2024

gmars commented Apr 30, 2022 •

edited

Loading

deng-gl commented Nov 2, 2022 •

edited

Loading

shaoerkuai commented Apr 1, 2023 •

edited

Loading

mingbai2006 commented Nov 29, 2024 •

edited

Loading