导入顶部有导入的js文件[关闭]答案

【问题标题】：importing a js file that has import at it's top [closed]导入顶部有导入的js文件[关闭]
【发布时间】：2021-01-23 19:22:49
【问题描述】：

我想导入一个文件，该文件导入另一个文件以便能够在多个页面上使用它

文件夹结构

js
  modules
    momentum-scrolling
  index.js
  about.js
  contact.js

动量滚动.js

import LocomotiveScroll from 'locomotive-scroll';
export const scroll = new LocomotiveScroll({
    el: document.querySelector('[data-scroll-container]'),
    smooth: true
});

index.js

import './modules/momentum-scrolling'
window.addEventListener('DOMContentLoaded', () => {
  // some code
});

【问题讨论】：

Mod note - 我删除了一些 cmets，因为它们近乎不专业。 Konya，您好，欢迎来到 Stack Overflow！你的问题被搁置了，因为人们很难弄清楚你在答案中需要什么，因为不太清楚你在问什么。您可能看起来很清楚，但很难确定实际问题。如果您编辑问题并包含更多详细信息，则可以重新打开并回答。

标签： javascript html css frontend

【解决方案1】：

我相信，为了让这些导入正常工作，您需要在 html 脚本标签中包含 type="module"。像这样：

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

【讨论】：