simonw/til

Get JSR @datasette/table to work

Open

#89 创建于 2024年3月2日

在 GitHub 查看
 (3 评论) (0 反应) (0 负责人)HTML (824 star) (79 fork)batch import
help wanted

描述

As shown in this TIL, I got stuck! https://til.simonwillison.net/javascript/jsr-esbuild

mkdir /tmp/datasette-demo2
cd /tmp/datasette-demo2

echo '@jsr:registry=https://npm.jsr.io' > .npmrc
npm install @jsr/datasette__table

echo 'import * as mod from "@jsr/datasette__table";' > index.js
npx esbuild index.js --bundle --outfile=bundle.js

Error:

✘ [ERROR] Could not resolve "npm:lit@^2.2.7"

    node_modules/@jsr/datasette__table/datasette-table.js:1:36:
      1 │ import {LitElement, html, css} from 'npm:lit@^2.2.7';
        ╵                                     ~~~~~~~~~~~~~~~~

  You can mark the path "npm:lit@^2.2.7" as external to exclude it from the bundle, which will
  remove this error and leave the unresolved path in the bundle.

1 error

I want to run my https://jsr.io/@datasette/table component in a browser, installed via JSR.

Here's what it looks like when it works: https://simonw.github.io/datasette-table/

Code here: https://github.com/simonw/datasette-table/

贡献者指南

技术栈
javascriptnodejsweb componentshtmlcss
领域
frontendtooling
议题类型
research
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
half day
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
active
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
esbuild basicsJSR package resolutionnpm: import prefixLitElement basics
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
40
研究方向
Investigate why esbuild cannot resolve 'npm:lit@^2.2.7' imports from the JSR package. This is likely because esbuild does not support the 'npm:' protocol by default. Look at esbuild plugins or configuration options to handle such imports, or consider using a different bundler that supports it. Check the JSR documentation and the datasette table source to see if there's a recommended way to bundle the component. The solution could be marking the import as external or providing a custom plugin to resolve 'npm:' to npm packages. Reference the attached TIL and the existing datasette table deployment for expected behavior.