关于使用export和import的2个报错

最新推荐文章于 2024-08-26 08:00:00 发布

buzhimingxiaobai

最新推荐文章于 2024-08-26 08:00:00 发布

阅读量1.6w

点赞数 6

分类专栏： Web前端文章标签： javascript es6

本文链接：https://blog.csdn.net/buzhimingxiaobai/article/details/107072541

版权

本文记录了前端新手在使用JavaScript ES6的export和import时遇到的两个错误：1) 解决'Cannot use import statement outside a module'的报错，需在script标签添加type='module'；2) 'The requested module does not provide an export named 'default''，错误在于对export default和export的理解，前者引入时不需要大括号，后者则需要。

摘要由CSDN通过智能技术生成

关于使用export和import的2个报错

- - 报错：Uncaught SyntaxError: Cannot use import statement outside a module
  - 报错：Uncaught SyntaxError: The requested module '../js/ui.js' does not provide an export named 'default'

作为一个前端小白，最近在学习使用JavaScript中的export和import，遇到了两个报错，特地记录下来。

报错：Uncaught SyntaxError: Cannot use import statement outside a module

报错Uncaught SyntaxError: Cannot use import statement outside a module
意思是说无法在module以外使用import，在网上进行查阅之后才了解到，这是由于script标签默认是使用JavaScript语言，使用ES6的语法会发生解析错误，需要在script标签中加入type=“module”，具体如下：

<script type="module">
	import Rotation from '../js/ui.js'
	Rotation();
</script>

这样就不会报错了。

报错：Uncaught SyntaxError: The requested module ‘…/js/ui.js’ does not provide an export named ‘default’

在解决上面的第一个报错之后，控制台又抛出了第二个错误：
报错：Uncaught SyntaxError: The requested module '../js/ui.js' does not provide an export named 'default'
是说我的目标JS文件中没有default导出，而我的JS文件中是这样的：