从javascript文件导入字符串(react/nextJS)[重复]

06odsfpq 于 2022-11-23 发布在 Java

关注(0)|答案(2)|浏览(134)

此问题在此处已有答案：

export const vs. export default in ES6（6个答案）
23小时前关门了。
我在“/constants”文件夹中有一个文件“test.js”，其内容如下：

const test = "test!"

export default test

我在“/pages”文件夹中的页面应该从“test.js”读取字符串并打印它

import { test } from "../constants/test"

export default function Home() {
    console.log("imported string: " + test)
}

如果我在浏览器上运行它，我会得到以下输出：
“导入的字符串：未定义”
为什么它不从文件中阅读字符串？路径是正确的。VSCode自动完成甚至在键入时找到文件。

2条答案

您正在将常量测试导出为默认导出，因此您的import语句应从

import { test } from "../constants/test"

至

import test from "../constants/test"

注意：{}导入用于非默认导出

如果要使用import { test }，则应使用export test而不是default
因为现在你告诉javascript去找特定的导出，而不是默认的。