目录结构
![ErrorCaptureStackTrace(err); Error [ERR_MODULE_NOT_FOUND]: Cannot find module ErrorCaptureStackTrace(err); Error [ERR_MODULE_NOT_FOUND]: Cannot find module](https://www.yuucn.com/wp-content/uploads/2023/04/1682395823-fe81b73dc170894.png)
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的右键到对应的终端
![ErrorCaptureStackTrace(err); Error [ERR_MODULE_NOT_FOUND]: Cannot find module ErrorCaptureStackTrace(err); Error [ERR_MODULE_NOT_FOUND]: Cannot find module](https://www.yuucn.com/wp-content/uploads/2023/04/1682395830-fe81b73dc170894.png)
到终端输入命令npm init -y新建package.json文件
![ErrorCaptureStackTrace(err); Error [ERR_MODULE_NOT_FOUND]: Cannot find module ErrorCaptureStackTrace(err); Error [ERR_MODULE_NOT_FOUND]: Cannot find module](https://www.yuucn.com/wp-content/uploads/2023/04/1682395836-fe81b73dc170894.png)
加入 “type”:“modules”
![ErrorCaptureStackTrace(err); Error [ERR_MODULE_NOT_FOUND]: Cannot find module ErrorCaptureStackTrace(err); Error [ERR_MODULE_NOT_FOUND]: Cannot find module](https://www.yuucn.com/wp-content/uploads/2023/04/1682395843-fe81b73dc170894.png)
修改导入的文件名
main.js
![ErrorCaptureStackTrace(err); Error [ERR_MODULE_NOT_FOUND]: Cannot find module ErrorCaptureStackTrace(err); Error [ERR_MODULE_NOT_FOUND]: Cannot find module](https://www.yuucn.com/wp-content/uploads/2023/04/1682395849-fe81b73dc170894.png)
最终输出结果为:
![]()