Question

我是一名自学生，并且遇到“无法在模块javascript之外使用import语句”错误因此，我试图从hello.js导入hello（）。

///////////hello.js///////
export default function hello(){
    console.log("hello")
}

////////////app.js/////////
import hello from "./hello"
hello()

Answer 1

import和export要求将脚本类型设置为模块才能工作，除非进行转换。试试这个：

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

等效于：

<script type="module">
    import hello from "./hello"
    hello()
</script>

Answer 2

我假设您正在浏览器环境中使用模块或mjs文件，为此，您只需要正确使用语法即可。

假设您有一个x html页面，并且想要在其中导入模块：

<script type="module">
    import { hello } from "/hello.mjs"
        hello();
</script>

并以如下方式导出要在x html页面中使用的模块：

export const hello = hello;

无法在模块外使用import语句-javascript

2 个答案: