我在Vue应用程序中使用**Swiper Element作为幻灯片效果,它工作正常,但我一直收到这两个警告,
[Vue警告]:无法解析组件:swiper-slide如果这是一个原生自定义元素,请确保通过compilerOptions. isCustomElement将其从组件解析中排除。
[Vue警告]:无法解析组件:swiper-container如果这是一个本机自定义元素,请确保通过compilerOptions. isCustomElement将其从组件解析中排除。
我安装了这个软件包,并按照文档推荐的那样注册了它,我在main.js和App.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",
型
1条答案
按热度按时间b4lqfgs41#
它工作了,我不得不重新运行serve the code works。:)这很有趣