今天遇到这个报错 虽然很低级 ,正因为如此所以做个记录吧。今天在一个文件中import 一个文件,
出现了如下报错:
Uncaught SyntaxError: The requested module ‘…/xx/xx/x.js’ does not provide an export named ‘default’
斗胆翻译一下这句话:意思是这是一个未捕获的语法错误:请求的这个模块 xx/xx/x.js呢不能提供 命名为“默认”的出口。
错误代码:
//引用部分
import useThemes from '@/useStyle/index.ts'
//向外暴露部分
export default{
useStyle,
useDark,
useThemes
}
然后就报错了 。报错原因export default和export只是暴露目标数有区别。
export语法可以向外暴露多个目标,所以在引入时需要通过“{}”以对象经行引入,export default只能向外暴露一个,所以可以不用写{}。
改正后如下:
//引用部分
import { useThemes } from '@/useStyle/index.ts'
//向外暴露部分
export {
useStyle,
useDark,
useThemes
}