Arco Design 打包问题，找不到@arco-design/web-vue--已处理

原创已于 2022-07-15 09:22:00 修改 · 7.2k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue.js

于 2022-06-25 11:24:58 首次发布

vue3 同时被 3 个专栏收录

2 篇文章

订阅专栏

Arco Design

1 篇文章

订阅专栏

vite

1 篇文章

订阅专栏

在使用cnpm run build进行项目打包时遇到路径错误，导致无法正常运行。错误源于路径多了一个'/'，并提示可能影响应用运行。通过在config/vite.config.prod.ts中调整配置解决了打包问题，但部署到服务器后仍然报找不到文件的错误。解决方案包括取消自定义base路径注释和修改模块引用，去除'@'前缀。完成这些修改后，项目成功打包，但需注意服务器上的模块解析设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用cnpm run build 正常打包时，会报错，发现路径多了个‘/’；

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`

在这里插入图片描述
后面百度查到在config/vite.config.prod.ts中添加如下内容可以打包成功

但是运行到服务器的时候还是找不到该文件
Uncaught TypeError: Failed to resolve module specifier “@arco-design/web-vue”. Relative references must start with either “/”, “./”, or “…/”.
在这里插入图片描述
下面是解决方案