webpack [Vue warn]:使用Swiper元素时,无法解析组件:swiper-slide和swiper-container

pxyaymoc  于 2023-11-19  发布在  Webpack
关注(0)|答案(1)|浏览(176)

我在Vue应用程序中使用**Swiper Element作为幻灯片效果,它工作正常,但我一直收到这两个警告,
[Vue警告]:无法解析组件:swiper-slide如果这是一个原生自定义元素,请确保通过compilerOptions. isCustomElement将其从组件解析中排除。
[Vue警告]:无法解析组件:swiper-container如果这是一个本机自定义元素,请确保通过compilerOptions. isCustomElement将其从组件解析中排除。
我安装了这个软件包,并按照文档推荐的那样注册了它,我在
main.jsApp.vue**都试过了,但没有什么区别。

// import register function to register Swiper custom elements
import { register } from 'swiper/element/bundle';
// register Swiper custom elements
register();

字符串
在那之后,我尝试使用Vue文档、Vue导入文档和Vue Loader文档中的指令手动将其添加为自定义元素(我认为这是register函数的工作),如下所示

vue.config.js

...
chainWebpack: (config) => {
    config.module
      .rule('vue')
      .use('vue-loader')
      .tap((options) => {
        // modify the options...
        options.compilerOptions = {
          isCustomElement: (tag) => {
            return tag.startsWith('swiper');
          },
        };
        return options;
      });
  },
...


但仍然没有什么不同,这是我第一次修改加载器,所以我想我错过了一些东西在语法上,不清楚如何修改vue.config.js中的isCustomElement
任何帮助将不胜感激,我的主要目标是删除警告,所以如果你有任何其他的方法,我很乐意听到它。

build Data

"swiper": "^10.3.1"
    "vue": "^3.2.13"
    "@vue/cli-service": "~5.0.0",

b4lqfgs4

b4lqfgs41#

它工作了,我不得不重新运行serve the code works。:)这很有趣

相关问题