vue3+vite 打包Layui报错问题Rollup failed to resolve import “public/layui/css/layui.css“ from “index.html“.

最新推荐文章于 2024-05-15 15:34:19 发布
最新推荐文章于 2024-05-15 15:34:19 发布
阅读量916 收藏
点赞数
分类专栏： 解决问题记录 文章标签： layui 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Geeca/article/details/128091155
版权
博客讲述了在前端开发中遇到的一个问题，即在将layui框架放置于public文件夹下后，打包时出现资源找不到的错误。作者通过修改HTML中引用layui的路径，将相对路径改为绝对路径`/public/layui/...`，成功解决了打包失败的问题。这是一个关于前端项目构建和资源引用的常见问题及解决实例。
摘要由CSDN通过智能技术生成

layui放在public文件夹下，然后在index.html中引入

<link rel="stylesheet" href=".layui/css/layui.css">
<script src="./layui/layui.js"></script>

结果打包报错，找不到这个资源
搜了一下，发现
在这里插入图片描述然后在index.html中改为绝对路径

<link rel="stylesheet" href="/public/layui/css/layui.css">
<script src="/public/layui/layui.js"></script>

打包成功
记录下问题

Geeca
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue3+vite+ts项目集成科大讯飞语音识别（项目搭建过程以及踩坑记录）
编码世界
12-19 7万+
本人最近在做数字人项目，用到科大讯飞的语音识别功能，遇到了许多坑，做个总结，给兄弟们铺铺路，科大讯飞语音识别主要通过识别声音然后转换成文字。
vue3 + webpack打包单个vue组件并发布到npm时出现的问题及用rollup、vite进行打包对比
qq_45604163的博客
02-11 2070
webpack对vue组件打包，和rollup、vite的打包进行对比，分析问题
vite ant-design-vue upload-dragger打包报错 Rollup failed to resolve
weixin_35498622的博客
09-21 3053
把upload复制一份改名之后可以正常打包了。原因是antdv下面只有upload，没有upload-dragger，但是引入UploadDragger 却没有报错，打包的时候找不到。其实，可以从upload引入dragger。
[bug] [vite]: Rollup failed to resolve import “axios“ from “src/api/request.js“.
heguu的博客
05-16 8735
在微信云托管上部署遭遇的bug 日志如下 [2022-05-16 18:01:08] [vite]: Rollup failed to resolve import "axios" from "src/api/request.js". [2022-05-16 18:01:08] This is most likely unintended because it can break your application at runtime. [2022-05-16 18:01:08] If you do wan
vite+vue3打包报Rollup failed to resolve import “foldName/cssName.css“ from “index.htm
qq_64803883的博客
02-24 2万+
最近有个新项目，技术leader决定使用v3+vite+element-plus。项目打起来后，开发环境非常顺利，可是一打包就凉了，报个错： 一看到报错我很懵，这个css文件是在public中的，在html中直接引入，并没有使用import引入啊？ 经过N分钟的百度，n+分钟的查vite、rollup文档以及思前想后，终于在vite文档中发现了一句话： ...
vite 打包图片时报错 Rollup failed to resolve import ...
weixin_57849570的博客
08-04 6709
vite 打包图片时无法引入的 bug
vite打包报错 Rollup failed to resolve，原因是高版本找不到依赖/node_modules的里面的文件
qq_57583768的博客
10-27 5253
vite打包报错 Rollup failed to resolve，原因是高版本找不到依赖/node_modules的里面的文件
[vite]: Rollup failed to resolve import "@vueuse/core" from "src/layout/index.vue".
06-09
这个错误提示是因为在你的代码中引入了一个名为 "@vueuse/core" 的模块，但 Rollup 在构建时无法找到这个模块。 解决这个问题需要你检查一下你的代码中是如何引入 "@vueuse/core" 模块的。可能需要检查一下你的依赖...
vite3+vue3 项目打包优化
前端知识分享喵
05-16 2012
现在很多小伙伴都已经使用 Vite + Vue3 开发项目了，如果你是 “前端架构师” 或者是 “团队核心” 的话，不得不可考虑的一个问题就是性能优化。本篇文章主要讲述的是生产环境下 Vite + Vue3 打包优化。
vite打包报错 Rollup failed to resolve
热门推荐
lianlin21212411的博客
05-06 2万+
[vite]: Rollup failed to resolve import "D:/Project/asset-manage/asset-web/node_modules/ant-design-vue/es/upload-dragger/style/index" from "src/views/assetManage/components/AttachmentList.vue". This is most likely unintended because it can break your appli
[vite]: Rollup failed to resolve import “axios“ from “request.js“.
chunchun的博客
02-20 1222
axios“ from "路径"以下是报错中的提示l`
vite 打包报错：Error: [vite]: Rollup failed to resolve import “***/style/index“from“***“
Heixiu6的博客
12-26 1万+
vite 打包报错：Error: [vite]: Rollup failed to resolve import "***/style/index"from"**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`
vue3使用Vite打包报Rollup failed to resolve import “xxx/node_modules/ant-design-vue/xxxx
sxs7970的博客
12-02 1万+
vite打包报错 Rollup failed to resolve
Vue.js 学习总结（3）—— vite 打包图片时报错 Rollup failed to resolve import...
科技D人生
11-09 4284
【代码】Vue.js 学习总结（3）—— vite 打包图片时报错 Rollup failed to resolve import...
解决Rollup failed to resolve import “html2canvas“ from “src/views/super/drag/page/useExportImage.ts“.
最新发布
m0_65360496的博客
05-15 442
其实是找不到html2canvas需下载依赖。jeecgbootvue3打包报错。这里引入不报红就可以正常打包了。
解决Rollup failed to resolve import “xxx“ from “xxx“报错
qq_31013993的博客
12-07 8182
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'
解决uniapp打包出现Rollup failed to resolve import “crypto-js“ from问题
weixin_54529705的博客
10-23 2256
也可以进入npm下载地址查看问题所在，C:\Program Files\nodejs（一般默认安装路径，最好按照在c盘下）若显示非内部命令则寻找安装地址，一般是安装有问题，卸载重新安装即可，npm下载地址如下（默认跟随node.js一同安装）继续输入命令 npm install crypto-js。安装完毕后使用命令行进入项目文件所在地址（d:进入d盘）首先查看npm安装是否有问题。若安装无误则出现如下显示。打开命令行输入npm。
vite failed to resolve import “element-plus/es/utils“ from
qq_43554842的博客
05-14 710
Rollup failed to resolve import "element-plus/es/utils" from 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` error during build:
记录一次 vite 配置别名路径 打包时出错的bug
qq_42372534的博客
06-22 1032
vite多页应用,由于在vite.config.ts中define中配置的常量pages,而路径别名也有pages,所有导致打包时替换路径出错,将pages常量注释掉就好了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值