Vue报错was preloaded using link preload but not used within a few seconds from the window‘s load-Toy模板网

这篇具有很好参考价值的文章主要介绍了Vue报错was preloaded using link preload but not used within a few seconds from the window‘s load。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

在vue小程序开发的时候报了一个不知所以的错误，后来发现是因为注释的问题，这解析太严谨了

报错信息如下： Vue报错was preloaded using link preload but not used within a few seconds from the window‘s load,vue.js,前端,javascript,前端框架,编辑器

报错代码：

<template>
	<swiper
    :grabCursor="true"
    :effect="'creative'"
    :creativeEffect="{
      prev: {
        shadow: true,
        origin: 'left center',
        translate: ['-5%', 0, -200],
        rotate: [0, 100, 0],
      },
      next: {
        origin: 'right center',
        translate: ['5%', 0, -200],
        rotate: [0, -100, 0],
      },
    }"
    :modules="modules"
    class="mySwiper6"
  >
    <swiper-slide>11111111</swiper-slide>
    <swiper-slide>Slide 2</swiper-slide><swiper-slide>Slide 3</swiper-slide>
    <swiper-slide>Slide 4</swiper-slide><swiper-slide>Slide 5</swiper-slide>
    <swiper-slide>Slide 6</swiper-slide><swiper-slide>Slide 7</swiper-slide>
    <swiper-slide>Slide 8</swiper-slide><swiper-slide>Slide 9</swiper-slide>
	<!-- <link rel="stylesheet" href="path/to/swiper.min.css">
    <link rel="stylesheet" href="path/to/animate.min.css"> -->
</swiper>
</template>

<script>
import { Swiper, SwiperSlide } from 'swiper/vue';
import { EffectCreative } from 'swiper';
import 'swiper/css/effect-creative';
import './style.css';
import 'swiper/css';
export default {
    components: {
      Swiper,
      SwiperSlide,
    },
    setup() {
      return {
        modules: [EffectCreative],
      };
    },
  };
</script>

修改后代码，把注释取消即可：文章来源地址https://www.toymoban.com/news/detail-526046.html

<template>
	<swiper
    :grabCursor="true"
    :effect="'creative'"
    :creativeEffect="{
      prev: {
        shadow: true,
        origin: 'left center',
        translate: ['-5%', 0, -200],
        rotate: [0, 100, 0],
      },
      next: {
        origin: 'right center',
        translate: ['5%', 0, -200],
        rotate: [0, -100, 0],
      },
    }"
    :modules="modules"
    class="mySwiper6"
  >
    <swiper-slide>11111111</swiper-slide>
    <swiper-slide>Slide 2</swiper-slide><swiper-slide>Slide 3</swiper-slide>
    <swiper-slide>Slide 4</swiper-slide><swiper-slide>Slide 5</swiper-slide>
    <swiper-slide>Slide 6</swiper-slide><swiper-slide>Slide 7</swiper-slide>
    <swiper-slide>Slide 8</swiper-slide><swiper-slide>Slide 9</swiper-slide>
	<link rel="stylesheet" href="path/to/swiper.min.css">
    <link rel="stylesheet" href="path/to/animate.min.css">
</swiper>
</template>

<script>
import { Swiper, SwiperSlide } from 'swiper/vue';
import { EffectCreative } from 'swiper';
import 'swiper/css/effect-creative';
import './style.css';
import 'swiper/css';
export default {
    components: {
      Swiper,
      SwiperSlide,
    },
    setup() {
      return {
        modules: [EffectCreative],
      };
    },
  };
</script>

到了这里，关于Vue报错was preloaded using link preload but not used within a few seconds from the window‘s load的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！