“rollup-plugin-svelte” 以下软件包未导出其 `package.json`

Question

我是 svelte.js 的新手。请帮我解决它

在这里，当我在 .svelte 文件中导入滑动器轮播时。它向我显示了这个错误

[rollup-plugin-svelte] 以下软件包未导出其package.json文件，因此我们无法检查“svelte”字段。如果您在从包中导入 svelte 组件时遇到困难，请联系作者并要求他们导出 package.json 文件。

终端错误的屏幕截图。请检查这个

这是我的代码文件。这是轮播滑块的另一个组件。但当我导入滑动轮播时我看到了这张图片。

<script>
    import { Swiper, SwiperSlide } from "swiper/svelte";
    import PorfolioCard from "./../components/porfolio-card.svelte";
    import SectionTitle from "./../components/sectionTitle.svelte";
    import "swiper/css";
</script>

<section id="portfolio">
    <SectionTitle title="My Portfolio" subtitle="Visit My Portfolio And Keep your feedback" />

    <div class="mt-4 px-1 px-md-3 px-lg-5">
        <Swiper>
            <SwiperSlide>
                <PorfolioCard />
            </SwiperSlide>

            <SwiperSlide>
                <PorfolioCard />
            </SwiperSlide>

            <SwiperSlide>
                <PorfolioCard />
            </SwiperSlide>

            <SwiperSlide>
                <PorfolioCard />
            </SwiperSlide>

            <SwiperSlide>
                <PorfolioCard />
            </SwiperSlide>
            
        </Swiper>
    </div>
</section>

Answer 1

目前没有办法消除此警告。然而，GitHub 存储库上存在一个与此相关的未解决问题。

https://github.com/sveltejs/rollup-plugin-svelte/issues/181

更新：

显然，此问题已在此处得到解决，并且前面提到的未决问题已因此而结束。

Answer 2

长话短说

\n

如果此错误来自不导出组件的模块svelte（例如stream，导出 Javascript 文件的模块），则可以安全util地忽略该错误。您甚至可以通过覆盖来is-odd隐藏它：onwarnrollup.config.js

\n

const onwarn = (message, warn) => {\n    const ignored = {\n        PLUGIN_WARNING: [\'`package.json`\'],\n    };\n    const ignoredKeys = Object.keys(ignored);\n    const ignoredValues = Object.values(ignored);\n\n    for (let i = 0, l = ignoredKeys.length; i < l; ++i) {\n        const ignoredKey = ignoredKeys[i];\n        const ignoredValue = ignoredValues[i];\n\n        for (const ignoredValuePart of ignoredValue) {\n            if (message.code !== ignoredKey\n                || !message.toString().includes(ignoredValuePart)) {\n                continue;\n            }\n\n            return;\n        }\n    }\n\n    warn(message);\n};\n\nexport default {\n    output: {\n        format: \'esm\',\n        name: \'app\',\n        dir: \'public\',\n    },\n    onwarn,\n    plugins: [\n        // your plugins, eg. `svelte()`\n    ],\n}\n

\n

迷你解释

\n

package.json它的发出是因为某些模块使用该字段指定它们要导出的文件exports，但它们不将package.json其自身包含在该字段中。这与如何通过读取来rollup-plugin-svelte识别导出组件 \xe2\x80\x94 的模块混淆（它无法导入专门未导出的内容！）。下面是该插件的 Github 页面上的一些更多技术解释，介绍了该插件为什么会做这样的事情以及它的好处。sveltepackage.json

\n