Uncaught SyntaxError: Cannot use import statement outside a module

谁践踏了优雅 2022-11-24 14:06 221阅读 0赞

1、错误描述

  1. Uncaught SyntaxError: Cannot use import statement outside a module

2、错误原因

  1.   定义了一个JavaScript文件，声明几个变量，利用模块化导出变量
  3. let name = '张华'
  4. let age = 23
  5. let sex = '女'
  7. export {name, age, sex}
  9.    接着，在页面文件中直接导入import；打开浏览器访问页面，控制台出现报错
  11. <!DOCTYPE html>
  12. <html>
  13.     <head>
  14.         <meta charset="utf-8">
  15.         <title></title>
  16.         <script src="../js/a1.js"></script>
  17.         <script src="../js/a2.js"></script>
  18.         <script>
  19.             import {name, age, sex} from '../js/a3.js'
  20.             console.log(name,age,sex)
  21.         </script>
  22.     </head>
  23.     <body>
  24.     </body>
  25. </html>

3、解决办法

  1.   需要在script标签上添加属性type="module"
  3. <!DOCTYPE html>
  4. <html>
  5.     <head>
  6.         <meta charset="utf-8">
  7.         <title></title>
  8.         <script src="../js/a1.js"></script>
  9.         <script src="../js/a2.js"></script>
  10.         <script type="module">
  11.             import {name, age, sex} from '../js/a3.js'
  12.             console.log(name,age,sex)
  13.         </script>
  14.     </head>
  15.     <body>
  16.     </body>
  17. </html>

发表评论

表情：
评论列表 （有 0 条评论，221人围观）

还没有评论，来说两句吧...

相关阅读