今天遇到这个报错 虽然很低级 ,正因为如此所以做个记录吧。今天在一个文件中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
}
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐