javascript Uncaught SyntaxError:导出声明只能出现在模块的顶层

6qqygrtg  于 11个月前  发布在  Java
关注(0)|答案(3)|浏览(268)

下午好,我试图导出'nameValue'和'passValue'的值,以便在另一个JavaScript文件中使用它们,但我无法导出它们。
我得到以下错误:

Uncaught SyntaxError: export declarations may only appear at top level of a module

字符串
我没有使用任何框架或库(仅限JavaScript Vanilla)

document.addEventListener('DOMContentLoaded', () => {
  console.info('This is running!')

  let name = document.getElementById('name')
  let password = document.getElementById('password')
  let loginBtn = document.getElementById('loginBtn').addEventListener('click', () => {
    nameValue = name.value
    passValue = password.value 

    export {nameValue, passValue}

    event.preventDefault()
  })  
})

km0tfn4u

km0tfn4u1#

这个错误是说你只能在代码的顶层使用export,也就是说,不能在函数体或类似的地方使用。你的变量也需要在那个级别定义。

let nameValue, passValue;

document.addEventListener('DOMContentLoaded', () => {
  console.info('This is running!')

  let name = document.getElementById('name')
  let password = document.getElementById('password')
  let loginBtn = document.getElementById('loginBtn').addEventListener('click', () => {
    nameValue = name.value
    passValue = password.value 

    event.preventDefault()
  })  
})

export {nameValue, passValue}

字符串

8nuwlpux

8nuwlpux2#

检查脚本标记中是否包含了type=“module”属性

<script src="example.js" type="module"><\script>

字符串

7gyucuyw

7gyucuyw3#

如果您使用导出导入到对方不要包括这两个脚本。

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

字符串

相关问题