rollup 打包报错 Error: Unexpected character ‘‘

使用rollup 打包出现如下报错:

Error: Unexpected character '' (Note that you need plugins to import files that are not JavaScript)
    at error (/Users/Documents/component-web/component/node_modules/.pnpm/rollup@2.79.1/node_modules/rollup/dist/shared/rollup.js:198:30)
    at Module.error (/Users//Documents/component-web/component/node_modules/.pnpm/rollup@2.79.1/node_modules/rollup/dist/shared/rollup.js:12560:16)
    at Module.tryParse (/Users/Documents/component-web/component/node_modules/.pnpm/rollup@2.79.1/node_modules/rollup/dist/shared/rollup.js:12937:25)
    at Module.setSource (/Users/Documents/component-web/component/node_modules/.pnpm/rollup@2.79.1/node_modules/rollup/dist/shared/rollup.js:12842:24)
    at ModuleLoader.addModuleSource (/Users/Documents/component-web/component/node_modules/.pnpm/rollup@2.79.1/node_modules/rollup/dist/shared/rollup.js:22090:20)Error: Unexpected character '' (Note that you need plugins to import files that are not JavaScript)
    at error (/Users/Documents/component-web/component/node_modules/.pnpm/rollup@2.79.1/node_modules/rollup/dist/shared/rollup.js:198:30)
    at Module.error (/Users/Documents/component-web/component/node_modules/.pnpm/rollup@2.79.1/node_modules/rollup/dist/shared/rollup.js:12560:16)
    at Module.tryParse (/Users/Documents/component-web/component/node_modules/.pnpm/rollup@2.79.1/node_modules/rollup/dist/shared/rollup.js:12937:25)
    at Module.setSource (/Users/Documents/component-web/component/node_modules/.pnpm/rollup@2.79.1/node_modules/rollup/dist/shared/rollup.js:12842:24)
    at ModuleLoader.addModuleSource (/Users/Documents/component-web/component/node_modules/.pnpm/rollup@2.79.1/node_modules/rollup/dist/shared/rollup.js:22090:20)

报错内容没有提示具体是哪个文件报错,但是一直打包不成功,排除代码问题,静态文件问题,node,npm环境问题,终于找到了答案

原因:是因为项目中含有隐藏文件.DS_Store.

解决:删除掉隐藏文件,打包一切正常

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
这个错误通常发生在前端JavaScript代码中,当你尝试加载一个文件,但接收到的响应内容不符合预期,即不是一个有效的JavaScript或JSON,而是HTML或者其他格式的内容,导致解析器找不到正确的开始标签(如`<script>`)。 具体到`app.6f071e5b.js:1 Uncaught SyntaxError: Unexpected token '<'`,这意味着在`app.6f071e5b.js`这个JavaScript文件的第一行(line 1),遇到了一个不期望的字符 `<`,这通常表示服务器返回的内容可能是一个HTML页面,而不是预期的JavaScript模块。 为了解决这个问题,请检查以下几点: 1. **资源路径**:确保你引用的JavaScript文件URL是正确的,指向的是静态资源服务器的正确位置,而不是一个HTML文档。 2. **服务器配置**:确认你的服务器配置没有误将JavaScript文件当作HTML返回。在处理静态资源时,服务器应正确识别并返回`.js`文件类型。 3. **打包问题**:如果你使用的是前端构建工具(如Webpack、Rollup等),检查构建是否正常,是否有正确的模块化和压缩设置。 4. **缓存问题**:清除浏览器缓存,有时候旧的、损坏的文件可能会被缓存,导致加载错误。 5. **错误日志**:查看服务器端的错误日志,可能有更详细的错误信息帮助定位问题。 相关问题-- 1. 这个错误如何判断是由前端还是后端引起的? 2. 如何检查HTTP响应头以确定发送的是哪种类型的资源? 3. 在前端部署中,如何防止此类跨域问题导致的错误?

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值