用纯 JS 将一个 JS 文件导入另一个

Question

So let's imagine i have two js scripts

script1.js

export default function Hello() {
     return "Hello buddy!";
}

script2.js

import { Hello } from './script1.js';

function print(){
     let val = Hello;
     console.log(val);
}

When i run the function print in browser i get the following error

Uncaught SyntaxError: Cannot use import statement outside a module

Unexpected token 'export' 

I did some investigation and this is solved by adding type module to script2.js. But the question is. I dont have a HTML to change the script. I do everything in vanilla javascript. so, is the solution to get the scripts by ID and change the type of the script2.js from text/javascript to module?

Is there any other way to change the script2.js to module?

Answer 1

You can add an .mjs file.

Example

// index.js

import otherFile from './otherFile.js';

// otherFile.js

import otherOtherFile from './otherOtherFile.mjs';

export default './otherFile.js';

// otherOtherFile.mjs

export default 'otherOtherFile.mjs';