React/Next.js导入常量文件字符串显示undefined问题求助

你遇到的问题是导入语法与导出类型不匹配：

• /constants/test.js 中使用的是默认导出（export default test），而你在页面里用了命名导入（import { test } from "../constants/test"）的语法，这两种方式不兼容，所以获取到的test是undefined。

解决方法（二选一即可） #

方法1：修改导入语句（使用默认导入）

把页面里的导入代码改成默认导入的形式，去掉花括号：

import test from "../constants/test"

方法2：修改导出语句（使用命名导出）

修改/constants/test.js的导出方式为命名导出：

export const test = "test!"

此时原有的命名导入语法就能正常读取到字符串了。

内容的提问来源于stack exchange，提问作者jan