rollup打包报错“semantic error TS2802”

rollup版本:2.79.1;nodejs:16.16.0;typescript:5.1.6

错误信息

Error: D:/**/*.ts(158,32): semantic error TS2802: Type 'StyleSheetList' can only be iterated through when using the '--downlevelIteration' flag or with a '--target' of 'es2015' or higher.

修改tsconfig.json配置,增加"lib": ["es2015"]配置

{
  "files": [],
  "references": [
    {
      "path": "./tsconfig.node.json"
    },
    {
      "path": "./tsconfig.app.json"
    },
    {
      "path": "./tsconfig.vitest.json"
    }
  ],
  "compilerOptions": {
    "downlevelIteration": true,
    "lib": ["es2015"],
  }
}

源代码可参考:vue3-print-ts (gitee.com)

  • 9
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Rollup 是一个 JavaScript 模块打包器,它主要用于打包 JavaScript 应用程序或库。它通常用于打包 Node.js 应用程序和库,但是也可以用于打包浏览器端应用程序。 Rollup 不支持直接打包 HTML 文件,但是可以使用插件来处理 HTML 文件。下面是一些常用的 Rollup 插件,可以帮助你打包 HTML 文件: 1. rollup-plugin-html:这个插件可以在打包过程中将 HTML 文件转换为 JavaScript 模块。它还支持将 CSS 文件内联到 HTML 文件中。你可以使用这个插件来打包单个 HTML 文件或多个 HTML 文件。 2. rollup-plugin-terser:这个插件可以在打包过程中压缩 JavaScript 代码和 HTML 内容。它可以帮助你减小文件大小并提高网站性能。 3. rollup-plugin-posthtml:这个插件可以在打包过程中使用 PostHTML 处理 HTML 文件。它支持使用各种插件来转换 HTML 内容,例如添加 CSS 前缀、压缩 HTML、优化图像等。 使用 Rollup 打包 HTML 文件的具体步骤如下: 1. 安装 Rollup 及相关插件: ``` npm install rollup rollup-plugin-html rollup-plugin-terser rollup-plugin-posthtml --save-dev ``` 2. 创建一个 Rollup 配置文件: ``` // rollup.config.js import html from 'rollup-plugin-html'; import { terser } from 'rollup-plugin-terser'; import posthtml from 'rollup-plugin-posthtml'; export default { input: 'src/index.js', output: { file: 'dist/bundle.js', format: 'iife' }, plugins: [ html({ include: '**/*.html' }), terser(), posthtml() ] } ``` 3. 在 HTML 文件中使用 JavaScript 模块: ``` <!DOCTYPE html> <html> <head> <title>My App</title> </head> <body> <script type="module" src="./dist/bundle.js"></script> </body> </html> ``` 4. 运行 Rollup 命令进行打包: ``` rollup -c ``` 以上就是使用 Rollup 打包 HTML 文件的基本步骤。需要注意的是,如果你的应用程序依赖于其他文件(例如 CSS、图像等),则需要在 Rollup 配置文件中添加相应的插件来处理这些文件。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值