package - 如何使用其中使用其他包的 Svelte 组件库？

Question

我正在用 svelte 制作一个组件库“svelte-element-ui”，这个库使用了一些其他的包，比如 popperJs。

当我将组件库发布到 npmjs 时，package.json 文件如下所示：

{
  "name": "svelte-element-ui",
  "files": [
    "src/index.ts",
    "packages",
    "static",
    "dist"
  ],
  "devDependencies": {
    "@popperjs/core": "^2.9.1",
  },
  "svelte": "src/index.ts",
  "main": "src/index.ts",
  "typings": "types/index.d.ts",
  "author": "koory1st",
  "license": "MIT",
}

我想在其他一些像 svelte-kit 这样的 svelte 网站项目中使用这个组件库，所以我将它导入到 svelte-kit 中。

import { SeuSubMenu } from 'svelte-element-ui';

但是当我访问该页面时出现错误：

无法解析从“node_modules/.pnpm/registry.nlark.com+svelte-element-ui@1.3.12/node_modules/svelte-element-ui/packages/util/SveltePopperJs.ts”导入“@popperjs/core”。文件是否存在？

像这样的关系：

任何人都可以帮我解决这个问题吗？

这里是源

希望您可以通过来源找到更多信息。

Answer 1

我认为问题在于您将@popperjs/core其用作开发依赖项，请尝试将其声明为依赖项

...,
"dependencies": {
    "@popperjs/core": "^2.9.1",
},...

首先使用以下方法将其删除：npm uninstall @popperjs/core

然后使用安装它：（npm install @popperjs/core 将其安装为运行时依赖项）