当我尝试为 Vue.js 导入插件时出现“未捕获的语法错误：无法在模块外使用导入语句”

Question

我正在使用 Javascript 和 Vue.js 创建一个网站，并找到了一个用于制作 3d carousel https://www.bestjquery.com/?ynVfL3CE的插件，但是当我导入这些时，我收到错误“未捕获的语法错误：无法使用导入模块外的语句”。我的代码如下。

<html>
<head>
<script src="js/vue.js"></script>
<script src="js/carousel.js"></script>
</head>
<body>
      <div id="example">
          <carousel-3d :autoplay="true" :autoplay-timeout="5000" :display="3">
              <slide v-for="(slide, i) in slides" :index="i">
              <span class="title">You know</span>
                   <p>You know, being a test pilot isn't always the healthiest business in the world.</p>
              </slide>
          </carousel-3d>
      </div>
  <script>    
    new Vue({
      el: '#example',
      data: {
      slides: 7
      },
    components: {
      'carousel-3d': Carousel3d.Carousel3d,
      'slide': Carousel3d.Slide
      }
    })
  </script>

来自 carousel.js 的代码

import Vue from 'vue';
import Carousel3d from 'vue-carousel-3d';
Vue.use(Carousel3d);

Answer 1

尝试更新的模块语法https://jakearchibald.com/2017/es-modules-in-browsers/ ：

<script type="module" src="js/carousel.js"></script>

当我尝试为 Vue.js 导入插件时出现“未捕获的语法错误：无法在模块外使用导入语句”

问题描述

1 个解决方案

解决方案1
0 2020-01-29 18:32:43

当我尝试为 Vue.js 导入插件时出现“未捕获的语法错误：无法在模块外使用导入语句”

问题描述

1 个解决方案

解决方案1 0 2020-01-29 18:32:43

解决方案1
0 2020-01-29 18:32:43