目录结构

main.js
import { Name, say, Person } from './test'
console.log(Name)
test.js
const Name = 'life'
function say() {
console.log('Mine')
}
let Person = { name: `good` }
export { Name, say, Person }
问题分析
步骤有点啰嗦,犯错的原因其实就很简单,就是没有把要导入的文件名写全,所有就报如下没有找到对应文件的错误。
Error [ERR_MODULE_NOT_FOUND]: Cannot find module ‘d:\Project_Files\VSCode_Projects\React_Learning\《React全栈》\第1章\ES6语言特性\e7_Modules\test’ imported from d:\Project_Files\VSCode_Projects\React_Learning\《React全栈》\第1章\ES6语言特性\e7_Modules\main.js
at new NodeError (node:internal/errors:371:5)
at finalizeResolution (node:internal/modules/esm/resolve:416:11)
at moduleResolve (node:internal/modules/esm/resolve:932:10)
at defaultResolve (node:internal/modules/esm/resolve:1044:11)
at ESMLoader.resolve (node:internal/modules/esm/loader:422:30)
at ESMLoader.getModuleJob (node:internal/modules/esm/loader:222:40)
at ModuleWrap. (node:internal/modules/esm/module_job:76:40)
at link (node:internal/modules/esm/module_job:75:36) {
code: ‘ERR_MODULE_NOT_FOUND’
}
需求
想要在main.js文件下导入test.js文件导出的模块对象与变量
解决问题
在VSCode的右键到对应的终端

到终端输入命令npm init -y新建package.json文件

加入 “type”:“modules”

修改导入的文件名
main.js

最终输出结果为:

本文介绍了在JavaScript中使用ES6模块时遇到的导入错误,错误原因是未完整指定导入文件名。通过在终端运行`npm init -y`创建`package.json`文件,并将`type`设置为`modules`,然后修正导入语句,成功解决了问题。最后展示了修正后的`main.js`文件及其输出结果。
5928

被折叠的 条评论
为什么被折叠?



