ErrorCaptureStackTrace(err); Error [ERR_MODULE_NOT_FOUND]: Cannot find module

目录结构

ErrorCaptureStackTrace(err); Error [ERR_MODULE_NOT_FOUND]: Cannot find module_第1张图片
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_第2张图片
到终端输入命令npm init -y新建package.json文件
ErrorCaptureStackTrace(err); Error [ERR_MODULE_NOT_FOUND]: Cannot find module_第3张图片
加入 “type”:“modules”
ErrorCaptureStackTrace(err); Error [ERR_MODULE_NOT_FOUND]: Cannot find module_第4张图片
修改导入的文件名
main.js
在这里插入图片描述
最终输出结果为:
在这里插入图片描述

你可能感兴趣的:(前端与后端,javascript,前端,react.js)