rollup 相关问题

@rollup/plugin-json 打字稿不起作用

我有一个有效的 appsettings.json 文件（根据 jsonlint.com），我已将 tsconfig resolveJsonModule 选项设置为 true。我正在导入 @rollup/plugin-json 并且我尝试在每个位置调用它......

无法通过rollup使用组件库中自写组件的导入

我正在尝试用自己的组件构建一个组件库。目前，我在使用汇总构建库的最后一步中遇到了麻烦。 我的文件夹结构如下 ├── 来源 │...

Next.js 应用程序不会从 React 组件套件加载捆绑的 CSS

我有一个 React 组件存储库。每个组件都有自己的 .css 文件，该文件会导入到组件中。然后使用汇总配置捆绑这些组件并发布为 NPM

如何使用 rollup 将外部依赖项捆绑到我的 javascript 文件

概述： 我正在用打字稿编写一个插件，目的是支持尽可能多的浏览器。它将通过单个脚本标签从 CDN 提供服务。 我使用 Rollup 作为捆绑器，@...

汇总构建问题总是说找不到模块节点：进程

我面临的问题尝试了很多事情，包括更改节点版本、删除node_modules和重新安装所有依赖项，但仍然没有找到任何解决方案。我需要帮助来解决这个问题。 我...

Rollup / React tsx：错误：“createRoot”未由node_modules/react-dom/client.js导出

我尝试制作一个使用 rollup 构建的 React tsx wep 应用程序，但是当我尝试向我的应用程序添加自定义小部件时，出现此错误： 错误：node_modules/react-dom/client.js 未导出“createRoot” ...

查看package.json，将版本添加到包中

我正在将一个库与汇总捆绑在一起，并尝试将 package.json 中的版本添加到代码本身中。 汇总配置的相关位： 从 './package.json' 导入 pkg 输出： [{ 页脚：`foo.ve...

Rollup 找不到任何元素（RollupError：意外的标记）

我正在尝试使用 Rollup 制作 next.js 打字稿项目库。 我正在与 rollup 捆绑并将该包托管在 Github 上。 当我运行脚本 rollup -c 时出现错误： [!] RollupErr...

“TypeError：无法读取未定义的属性（读取'withConfig'）” styled-components/react/rollup/babel

请帮我解决问题。我正在使用样式组件、反应、故事书为反应应用程序制作我的库。还有用于捆绑的 babel 配置和 rollup。我真的不确定宝贝...

如何使用vue 3和vite导入index.vue文件而不指定文件名？

我最近开始开发一个使用 vite 运行的 Vue 3 应用程序，我正在尝试重构目录，以便可以将组件和相关子组件分组到文件夹中。 我现在...

卸载 Svelte 应用程序，使用新代码重新加载

svelte 应用程序内置于 Electron 后端，在运行时使用 rollup 和一些插件。目前，我有一个每隔几秒触发一次构建的间隔，但我计划观看文件并...

Rollup 构建空index.js

我正在创建一个简单的组件以在 npm 上发布并使用 rollup 进行构建。问题是 index.js 除了 import 'react' 之外什么都没有 这是汇总配置 从'@rollup/plugin-typescr...导入打字稿...

如何从 Rollup 构建的 TypeScript 库中的 @tanstack/react-table 导出类型？

Rollup 不导出 @tanstack/libray 库的类型 因此，我正在尝试使用 rollup 构建一个打字稿库，并在这个库中我在 @tanstack/react-table 上创建一个包装器。当我进出口...

动态惰性导入不适用于生产环境，使用 Vite

我想动态地将多个mdx文件导入到react组件中，例如我有一个页面，根据所选语言需要不同的 mdx 文件，因此仅加载一个特定文件...

如何在Nuxt.js中全局导入组件

`` 你好 <pre><code>``&lt;template&gt; &lt;div&gt; &lt;QBtn&gt;Hola&lt;/QBtn&gt; &lt;component :is=&#34;a&#34;&gt;&lt;/component&gt; &lt;/div&gt; &lt;/template&gt; &lt;script setup lang=&#34;ts&#34;&gt; import { components } from &#34;mylib/dist/library&#34; import { QBtn } from &#39;quasar&#39;; const a = components.Menu; &lt;/script&gt; ` `// https://nuxt.com/docs/api/configuration/nuxt-config export default defineNuxtConfig({ devtools: { enabled: true }, css: [ // ... &#39;quasar/fonts&#39;, &#39;quasar/animations&#39;, &#39;quasar/icons&#39;, &#39;quasar/css&#39;, //&#39;@/assets/custom.scss&#39;], //capa de personalizacion propia &#39;quasar/brand&#39;, // If config.brand is used // ... ], buildModules: [ &#39;mylib&#39; ], modules: [ &#39;nuxt-quasar-ui&#39;, ], quasar: { plugins: [ &#39;BottomSheet&#39;, &#39;Dialog&#39;, &#39;Loading&#39;, &#39;LoadingBar&#39;, &#39;Notify&#39;, &#39;Dark&#39;, ], extras: { font: &#39;roboto-font&#39;, }, components: { defaults: { QBtn: { unelevated: true, }, }, }, }, })` </code></pre> <p>我想改进这一点，而不是以这种方式导入，而是以更好的方式访问组件</p> <p>现在它可以工作，但我认为您可以从 nuxt.config.ts 全局注入库的所有组件 目前，它确实有效。希望您能帮助我，非常感谢。</p> </question> <answer tick="false" vote="0"> <p>您是否尝试过使用 <pre><code>&lt;q-btn&gt;</code></pre> 而不导入 <pre><code>QBtn</code></pre>？这对我有用，但我刚刚开始将 Quasar 与 Nuxt3 一起使用。在您的模板中添加... <pre><code>&lt;q-btn rounded color=&#34;green&#34; label=&#34;Test&#34;&gt;&lt;/q-btn&gt;</code></pre>。在 nuxt.config.js 中，我只有这个：<pre><code>quasar: { /* */ }</code></pre></p> </answer> </body></html>

vite 使用 React 组件构建 lib iife

我正在尝试创建一个 React 组件库。目标是这样称呼它们： ...

Vite无法解析导出{默认为组件}

我也有这样的问题。我安装了一个插件，它向 VS Code 添加了一个 React 组件，并执行默认操作，例如导入 React 等。 所以这个插件会生成一个包含组件和index.js的文件夹...

捆绑 Vite 项目后，删除导入中的前导斜杠 (/)

在我的项目中，在开发过程中一切都很好，但我的目标应用程序似乎无法正确解析以“/”开头的导入（我正在为本地应用程序开发，而不是为网站/网络应用程序开发）。 ...

webpack 错误：找不到模块。当使用我的其他由 rollup 捆绑的库时

我正在使用 rollup 来捆绑一个 ui 库（在几个主要应用程序中使用它）。 但在捆绑的 esm 文件中，我有这些导入，这些导入对于主应用程序中的 webpack 来说是不可接受的： 导入 {

汇总错误：构建 npm 包时 React 组件中预期存在未解决的依赖关系和表达式

我无法使用 rollup 构建 React 组件。我尝试了所有可能的方法来捆绑具有 jsx 的 React 组件。但当我不使用 jsx 时，相同的代码可以正常工作。 package.json f...