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

【问题标题】：Getting "Uncaught SyntaxError: Cannot use import statement outside a module" when i try to import a plugin for Vue.js当我尝试为 Vue.js 导入插件时出现“未捕获的语法错误：无法在模块外使用导入语句”
【发布时间】：2023-03-31 02:06:01
【问题描述】：

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

<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);

【问题讨论】：

这能回答你的问题吗？ "Uncaught SyntaxError: Cannot use import statement outside a module" When Importing ES6

标签： javascript html vue.js

【解决方案1】：

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

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

【讨论】：

我做到了并得到了这个错误“从原点'null'访问'file:///C:/Users/Pedro/Desktop/projeto2/fellsky/js/carousel.js'的脚本”已被 CORS 策略阻止：跨源请求仅支持协议方案：http、data、chrome、chrome-extension、https。"
@VictorPaim 这只是意味着您无法通过本地文件加载，但需要使用服务器来提供这些资产。
我通过 npm serve 托管它并得到“未捕获的类型错误：无法解析模块说明符“vue”。相对引用必须以“/”、“./”或“../”开头。”
这是一个 webpack 的东西 - 这是我们前进的路线：stackoverflow.com/questions/52612446/…