rollup打包报错：error: Unexpected “＜“

最新推荐文章于 2024-05-21 20:04:34 发布
最新推荐文章于 2024-05-21 20:04:34 发布
阅读量1.5k 收藏 2
点赞数 2
分类专栏： 学习笔记 Vue 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47192515/article/details/125769651
版权

[!] (plugin esbuild) Error: Transform failed with 1 error: D:\cc-ui-1\src\lib\Tab.vue?vue&type=template&id=2f8c6fa2&lang.js:2:4: error: Unexpected “<”

在使用rollup -c打包项目时，出现如下错误：
在这里插入图片描述
原因就是plugin有序，vue需要在esbuild之前出现。。。。
解决办法：
在rollup.config.js中，将vue提到esbuild之前
在这里插入图片描述

丸子CC
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
rollup-plugins:一些自定义汇总插件
05-15
汇总插件 一些自定义汇总插件 配套 描述 组合可以被编译到库或应用程序中的动态JavaScript文件 建立之前先清空dist 从输入定义的一组指定模式 替换未解决的进口
rollup 打包报错 Error: Unexpected character ‘‘
gujian_peachblossom的博客
03-03 2527
rollup/gulp 打包报错
rollup工具打包报错问题汇总
qq_38519358的博客
08-18 981
rollup工具打包报错问题汇总
rollup 打包报错
weixin_67619405的博客
03-03 2306
可以加package.json 里添加 "type" :"module" 就可以解决。
rollup报错处理
u014158954的博客
03-14 2254
原文链接：https://blog.csdn.net/weixin_67619405/article/details/129316022。版权声明：本文为CSDN博主「阿咩_」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。如果出现找不到模块”node:process“,一定是node版本问题，安装14.19以上，建议安装长期稳定版。可以加package.json 里添加 "type" :"module" 就可以解决。
Unexpected 'a' 使用postman报错
随风
04-24 8819
使用postman 进行接口测试时，输了地址访问提示 Unexpected 'a'错误。原因：用户权限校验不通过导致。解决：在http请求头（Heads）中加入
rollup-jest:玩笑的汇总预处理器
05-24
npm install rollup-jest --save-dev 用法 将预设添加到Jest配置中： { " jest " : { " preset " : " rollup-jest " } } // alternatively, specifying the files to transform: { " jest " : { " transform ...
rollup-helpers:汇总助手
04-05
汇总助手 请参阅。
vue-rollup-example:Vue +汇总样板
05-17
一个Vue + Rollup Boilerplate，以及rxjs和ora rxjs帮助，可以生成漂亮的CLI输出。 git clone https://github.com/jonataswalker/vue-rollup-example.git cd vue-rollup-example npm install npm run dev 工具...
rollup-analyzer:分析汇总捆绑导入的文件大小
05-14
汇总分析器配置如果使用Rollup的CLI捆绑无附加配置，请传递-c node:rollup-analyzer-config以将格式正确的分析打印到控制台。 汇总分析器完整的分析模块，使您可以访问完整的分析对象或格式正确的分析文本，以用于CI...
HOW - Canvas 入门系列之基于vue-konva的多维表格（四）
weixin_58540586的博客
05-17 1186
今天我们将将基于vue-konva 实现的一个表格渲染的组件。
WEB转Flutter基础学习笔记（内含vue和flutter对比）
小易不止于搬砖的博客
05-17 675
笔者是一名web前端，记录在转栈flutter时的学习笔记，内涵和vue的对比，能够辅助前端同学更容易理解flutter
vue3.0+antdv的admin管理系统vue-admin-beautiful推荐
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
05-15 1118
几年前，笔者自学了vue这一优秀的前端框架，但苦于没项目练手，无意间发现了这一优秀的前端集成框架。当时就使用它做了一很有意思的小项目---终端监控云平台，实现了前端和后台的整体功能。整体方案介绍参见博文《》，前端使用vue-admin-beautiful框架，后端使用go-zero微服务框架，几天内就搞出来了一个包含前端和后台的小项目。我的monitor-ui前端运行界面：后续有机会介绍下我这个终端监控云平台小项目的具体实现，挺有意思的。几年前还用到过几个地方的公交客户现场，客户挺喜欢这个功能的。
vue中的事件
weixin_43390711的博客
05-16 162
需要使用emit方法，emit(‘事件名’,参数)自定义事件名的规范（script中用小驼峰，模板中用短横线）1、组合api中2、setup语法糖中(非TS)3、setup语法糖中（使用TS）}>()
Vue.js的发展史（一）
2301_79683791的博客
05-15 758
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
基于vuestic-ui实战教程 - 页面篇
最新发布
PleaseBeStrong的博客
05-21 527
原有的table组件不够美观，想要自己定义的时候就可以用该模板，对于模板的实例如上图我用红色框框框出来的就是几个加入的组件，下面就分别在代码中实现上面的代码中提到了特别多的类型比如UserData 、Pagination 、Sorting 等等，下面就给出这些类型的定义（如下代码定义在api/system/sysUser/types.ts 中）前面两个完全根据后端的实体类对应，而下面三个就是渲染所需要用到的一些类型定义/* sysUser参数类型 *//* sysUser参数类型*/
Vue3实战笔记（23）—路由Vue-Router 实战指南（关于路由命名那点事儿）
山花的博客
05-15 1041
除了 path 之外，你还可以为任何路由提供 name。在 Vue Router 中，命名路由是一种通过指定名称来标识路由的方式，而不是使用路径。这为路由的跳转提供了一种更直观和易于维护的方式。命名路由特别有用，尤其是在链接到路由时，不必硬编码 URL，也不必在路由对象中查找路径字符串。},在这个例子中，我们给路径为 /user/:username的路由命名为 user。User在这两种情况下，路由将导航到路径 /user/erina。
基于Vue3 + js-tool-big-box工具库实现3个随机数字的小游戏动画，快来挑战你的非凡手气！
xingyu_qie的专栏
05-17 840
基于Vue3 + js-tool-big-box的3个随机数字
vue 使用draggable拖拽实现响应式侧边栏，拖拽数据悬停在侧边栏分区超一秒时自动切换到对应分区
weixin_45956838的博客
05-17 562
使用draggable拖拽实现响应式侧边栏，拖拽数据悬停在侧边栏分区超过一秒自动切换到对应分区
vite项目报错：Uncaught ReferenceError: exports is not defined vue-router.esm-bundler
05-05
这个错误通常是因为你在使用 ES 模块语法时，没有使用 Babel 转换器将代码转换为浏览器可识别的语法。 在 Vite 项目中，你可以通过以下步骤解决此错误： 1. 安装 `@babel/plugin-transform-modules-commonjs` 和 `@babel/preset-env` 两个 Babel 插件。 ``` npm install --save-dev @babel/plugin-transform-modules-commonjs @babel/preset-env ``` 2. 在根目录下创建一个名为 `babel.config.js` 的文件，并添加以下内容： ```javascript module.exports = { presets: [ [ '@babel/preset-env', { targets: { chrome: '58', ie: '11' } } ] ], plugins: ['@babel/plugin-transform-modules-commonjs'] } ``` 这个配置文件将使用 `@babel/preset-env` 插件将代码转换为浏览器可识别的语法，并使用 `@babel/plugin-transform-modules-commonjs` 插件将 ES 模块语法转换为 CommonJS 模块语法。 3. 在 `vite.config.js` 文件中添加以下内容： ```javascript export default { esbuild: { jsxFactory: 'h', jsxFragment: 'Fragment' }, optimizeDeps: { include: ['@vueuse/core'] }, rollupInputOptions: { plugins: [ require('@rollup/plugin-commonjs')() ] } } ``` 这里我们使用 `@rollup/plugin-commonjs` 插件将 CommonJS 模块语法转换为 ES 模块语法，以便 Vite 可以正确处理它们。 重启 Vite 项目并再次尝试，应该就不会遇到这个错误了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值