运行npm run dev命令显示找不到模块：Module not found

最新推荐文章于 2024-08-12 15:48:50 发布

Krlin_

最新推荐文章于 2024-08-12 15:48:50 发布

阅读量6k

点赞数 1

分类专栏：学习文章标签： node.js javascript

本文链接：https://blog.csdn.net/weixin_46353030/article/details/120473227

版权

当运行`npm run dev`时遇到`Module not found`错误，问题可能出在webpack配置。默认入口文件应为`src/index.js`，输出文件路径应为`dist/main.js`。解决方法包括：调整文件名匹配约定，或在配置中自定义入口和出口。修改完成后，执行命令会生成新的`dist/main.js`，更新HTML文件中引入的脚本路径，页面即可正常运行。

摘要由CSDN通过智能技术生成

报错内容

在这里插入图片描述

报错原因

webpack4.x和webpack5.x中，有如下约定：
1.默认打包入口文件为src/index.js
2.默认输出文件路径为dist/main.js

解决办法

1.将对应文件名改为上述两个文件名；
2.在webpack.config.json文件中自定义打包的入口和出口

//1.导入path
const path = require('path')
//使用Node.js中的导出语法，向外导出一个webpack的配置对象
module.exports = {

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Krlin_

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
4
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

npm run build报Cannot find module错误的解决方法

邓邓子的博客

09-20

515

删除 node_modules 目录，再重新执行 npm install build 后问题解决。

关于vue的npm run dev和npm run build的区别介绍

10-17

在Vue项目中，我们经常会遇到两种常用的npm脚本命令：`npm run dev`和`npm run build`。这两个命令分别用于启动开发服务器和构建生产环境的应用程序。下面详细介绍一下这两个命令的区别。 1. npm run dev `npm run ...

4 条评论您还未登录，请先登录后发表或查看评论

npm run dev 启动报Module not found: Error: Cannot resolve module ‘xxx‘ in xxxxx

qq_40295647的博客

02-20

1675

npm run dev 启动报Module not found: Error: Cannot resolve module ‘xxx‘ in xxxxx 最后发现在install的时候没有下载 html2canvas 类库。手动下载依赖 npm install --save html2canvas 后项目正常运行。项目正常运行。

npm安装模块报错module_not_found是怎么回事？

kthvsxh的博客

12-12

1万+

应该是由于之前版本的node和npm文件或缓存导致的！以管理员身份找到npm位置，删除npm文件夹和npm-cache，然后找到nodejs文件位置，删除里面文件，然后重新下载安装node.js。

vue2：学习Vue过程中遇到的问题---code: ‘MODULE_NOT_FOUND‘

weixin_1095的博客

06-16

1万+

步骤为：第一步（仅第一次执行）：全局安装@vue/cli。第二步：切换到你要创建项目的目录，然后使用命令创建项目第三步：启动项目备注：如出现下载缓慢请配置 npm 淘宝镜像：npm config set registry。

npm打包在linux上出现了Module not found: Error: Can’t resolve XXX

weixin_42608188的博客

09-08

3016

做自动化部署，需要在linux服务器上利用脚本自动出包。脚本依次执行。

npm ERR! code MODULE_NOT_FOUND，node卸载安装都存在报错2330

weixin_45243839的博客

06-14

2341

npm ERR! code MODULE_NOT_FOUND node卸载安装存在报错2330

npm error!code MODULE_NOT_FOUND

最新发布

weixin_45792390的博客

08-12

919

执行 npm -v 时收到 ERR code MODULE_NOT_FOUND 错误解决办法

npm run dev 报错 ERROR in Entry module not found: Error: Can’t res..

qq_57386322的博客

12-02

1178

npm run dev 报错 ERROR in Entry module not found: Error: Can’t res…问题现看问题是这样的 webpack创建好了，却打包失败，原因是路径问题，在新版的webpack中， const path = require('path')// 导入node.js 中专门操作路径的模块2 3 module.exports = {4 entry:path.join(_dirname,'./src/index.js')，// 打包入口文件的路径 5 output

【npm】解决npm包突然消失MODULE_NOT_FOUND

近10年前端开发工作经验，为你分享日常经验所得

05-09

767

解决升级nodejs版本时npm消失的问题。

npm 无缘无故没完没了的提示module not found

Elaine20132014的博客

12-19

9750

把node_modules删掉，重新npm install 试试

npm run dev 报错 ERROR in Entry module not found: Error: Can't resolve './src' in

a1004314120的博客

12-23

1845

Alternatively, run 'webpack(-cli) --help' for usage info. Hash: e040e8aa823a0e30ae4b Version: webpack 4.41.4 Time: 79ms Built at: 2019-12-23 19:52:00 ERROR in Entry module not found: Error: Can't r...

vue在npm run dev时报错Module not found: Error: Can't resolve 'vue-router' in ' …… '

weixin_44089200的博客

12-18

1万+

小菜遇到这个问题很突然，其实现在依然不知道原因是啥，最近入坑vue后开始自己倒腾工程，好好地代码突然运行报错 ERROR in ./src/main.js Module not found: Error: Can't resolve 'vue-router' in '/Users/x x x/Documents/lin/coding/vue-pro/src' @ ./src/main.j...

npm启动报错Module not found: Error: Can‘t resolve ‘fs‘

培根芝士的专栏

11-18

8614

在webpack.config.js文件里添加上： node: { fs: 'empty' }

npm run dev error module not found: error

07-15

### 回答1： npm run dev error module not found: error 是一个常见的错误，通常是由于缺少依赖项或配置文件的问题而引起的。首先，你需要检查你的 package.json 文件，确保所有的依赖项都已正确地添加并且安装完成。可以尝试运行 npm install 命令，以确保所有的依赖项都已正确安装。如果你的依赖项已正确安装并且问题仍然存在，则可能是由于缺少配置文件或配置错误引起的。你需要仔细检查你的项目的配置文件，例如 webpack.config.js 或者其他类似的配置文件，确保你正确地配置了相关的模块或资源路径。另外，你还可以尝试删除 node_modules 文件夹，并重新运行 npm install 命令，确保所有的依赖项都重新安装。有时候，缓存或者损坏的文件可能会导致该错误。如果以上解决方法都没有解决你的问题，你可以尝试更新你的项目或者相关的模块到最新版本。有时候，旧的或者不兼容的版本可能会导致该错误。总之，npm run dev error module not found: error 通常是由于缺少依赖项或配置文件错误引起的。确保依赖项正确安装并且配置文件正确配置，如果问题仍然存在，可以尝试删除重新安装依赖项或者更新项目或者相关模块到最新版本。 ### 回答2： "npm run dev error module not found: error" 这个错误通常出现在运行开发模式下的 npm 脚本时，提示找不到指定的模块。有几种可能的原因和解决方法： 1. 依赖模块未安装：检查项目中依赖的模块是否已经在 `package.json` 文件中配置，并且通过执行 `npm install` 或者 `npm ci` 命令安装了所有依赖。 2. 模块路径错误：请确保模块引用的路径是正确的，避免拼写错误或者路径错误。可以通过核实模块的实际位置，或者在导入语句中使用绝对路径来确认。 3. 路径解析错误：在某些情况下，编译或者运行时工具无法正确解析模块的路径。检查是否有 webpack、babel 等工具配置中的路径解析问题。 4. 编译器版本不匹配：如果使用了不同版本的编译器，可能导致编译出错。请检查编译工具的版本，并确保与项目依赖的所有模块版本兼容。 5. 执行命令错误：你可能执行了错误的命令，或者在执行命令时没有正确设置环境变量。请检查你的脚本命令是否正确完成了所有必要的设置和环境变量。如果以上方法无法解决问题，建议进一步检查错误信息中的详细描述，尝试搜索相关错误信息或者查阅相关文档和社区讨论，以便找到更具体的解决方案。 ### 回答3：这个错误一般都是由于项目中的依赖模块未安装或相关文件路径配置错误导致的。当我们运行`npm run dev`命令时，npm将执行项目中的dev脚本，而在此过程中可能会遇到require或import语句引入的模块找不到的问题。解决这个问题的步骤如下： 1. 确保你的项目中的依赖模块已经安装。可以通过`npm install`命令来安装项目依赖。 2. 检查错误提示中指出的模块是否真的存在。有时候我们可能拼写错误或者使用了错误的模块名称。 3. 确认模块的引入路径是否正确。在require或import语句中，文件路径应该相对于当前文件或项目的根目录来指定。 4. 检查webpack配置文件中的module配置是否正确。确保loader或resolve配置中的规则能够正确地识别和处理你要引入的模块。 5. 如果你是在引入node.js内置模块，可以直接使用require语句。但是如果是引入项目中的自定义模块，需要保证该模块已经正确地导出了。 6. 尝试删除项目的node_modules目录，并重新执行`npm install`来重新安装依赖模块。总之，module not found错误一般是由于依赖模块的安装或引入路径配置错误所致。根据错误提示，逐步排查问题并修复即可解决。希望以上回答能对你有所帮助。