javascript 未捕获的语法错误:不能在模块外部使用import语句,我已经使用了type = module [closed]

c2e8gylq  于 2023-02-07  发布在  Java
关注(0)|答案(1)|浏览(146)

这个问题是由打字错误或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic,但这个问题的解决方式不太可能帮助未来的读者。
17小时前关门了。
Improve this question
我尝试从script.js读取users.js,但即使我已经在html文件中使用了script type ="module" src = "/src/users/users.js "〉,我仍然会收到未捕获的语法错误:不能在浏览器控制台的模块外使用import语句。
我正在尝试不使用node.js来完成它
我使用live-server来运行应用程序。

  • /源代码/页面/登录/登录. html *
<!DOCTYPE html>
<html lang="en">
  <head>
...
  </head>
  <body>
...
    <script type="module" src="/src/users/users.js" ></script>
    <script src="./script.js"></script>

  </body>
</html>
  • /源代码/页面/登录/脚本. js *
import {users} from "/src/users/users";

const inputEmail = document.querySelector(".input__email > input");
const loginButton = document.querySelector(".login__button");

loginButton.addEventListener("click",() => {
    if (inputEmail.value.includes('@')){
        console.log(typeof(inputEmail.value))
    } else {
        console.log('digite email válido')
        console.log(users)
    }
})
  • 源代码/用户/用户. js *
export const  users = {
        "teste@teste.com.br":"123123",
        "teste":"teste123"
    }
hmae6n7t

hmae6n7t1#

你需要在所有你想导入的文件上使用type="module"。这意味着你必须把它放在script.js的script标签上。
由于您是在同一个HTML文档的script标记中导入它们,因此您也不完全需要导入它,因为您应该能够在script.js中读取users.js中的任何内容,因为它们是在HTML本身中导入的。

相关问题