Cannot find module 'webpack' 奇葩问题 看了我的文章，你绝对能把问题解决掉！

最新推荐文章于 2024-05-27 15:09:00 发布
最新推荐文章于 2024-05-27 15:09:00 发布
阅读量1.2w 收藏 11
点赞数 1
分类专栏： 做程序时遇到的那些坑 文章标签： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38845858/article/details/89949139
版权

全局安装的 webpack运行时 报错 Error: Cannot find module 'webpack' ......

方法一：安装webpack包和webpack-cli包(因为默认是安装最新版本的包，webpack4.x以后，需要安装webpack和webpack-cli)：

全局安装webkit

全局安装webkit-cli

至此可以查看你所安装的webpack的版本

说明你已经安装成功

下面就是怎么使用webpack对文件进行处理

我们现在使用的是webpack4.X，所以对文件处理的时候和webpack3.x不同

源文件后面要加上--output,目标文件要加上 --mode development

这样就可以将源文件转化为我们想要的文件，浏览器可以解析的文件

(需要注意两点：路径有没有写错，--output,和--mode development有么有写)

 

大家可能都是看视屏在学习，2017年-2018年视屏里面的webkit都是3.x的版本，但是现在版本都是4.x。

所以现在介绍第二种方法

默认安装最新版本，那么怎样才能用以前的webpack指定的3.x版本呢？因为webpack3.x只需要安装一个包，而且在进行文件转化的时候也不像4.x那么费事！

安装完成

webpack -v查看版本

接下来进行文件转换

这里需要注意(路径有没有写对。而且什么也不用带，是不是比4.x省事许多)

 

如果之前安装webpack，或者webpack-cli自己很混乱，那么你可以删除原有的包

删除完之后，再进行我的操作即可

 

 

 

推开世界的门
关注
  • 1
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webpack -v报错：Cannot find module ‘webpack-cli/package.json‘
mashirokayo的博客
11-13 9162
webpack -v报错：Cannot find module 'webpack-cli/package.json'
webpack里 : Cannot find module webpack的错误
m0_47084418的博客
06-21 6068
关于webpack里 Error: Cannot find module 'webpack’的错误 我在运行npx webpack-dev-server(启动devserver)中遇到这个错误 这个问题部分初学者应该也会碰到 webpack环境:4.43.0 经排查发现由以下原因造成: 1.没全局安装webpack和webpack-cli 安装以下命令即可: npm install webpack -g npm install webpack-cli -g 2.没把包名添加到上 package.json
webpack-update-public-path-plugin
03-09
webpack更新公共路径插件 一个Webpack插件，用于更新Webpack模块的公共路径。 安装 npm i webpack-update-public-path-plugin 或者 yarn add webpack-update-public-path-plugin 更新Web Pack公共路径的方法 对于使用create-react-app的Apps，请在package.json中添加主页以更改公共路径。 "homepage": "/new-public-path", 另外，此支持相对路径。 "homepage": ".", 另一种方法是在构建管道的某处定义PUBLIC_URL环境变量。 Webpack现在提供配置以更改公共路径。 。 在webpack配置文件集输出中： output: { publicPath: '/some-path' }, 动态更改webpack的
npm build报错Cannot find module ‘webpack‘解决方法
最新发布
邓邓子的博客
05-27 1177
缺少 webpack 模块。
Error: Cannot find module ‘webpack‘ 问题解决办法
热门推荐
qq_41814311的博客
04-06 5万+
项目场景： 提示：这里简述项目相关背景： 例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大) 问题描述 提示：这里描述项目中遇到的问题： 例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据 APP 中接收数据代码： @Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, bytes,
Error:Cannot find module 'webpack'没有找到webpack模块
adoreen的博客
09-25 2707
在启动项目的时候报错如下： 这个问题是webpack没有全局安装 需要指向全局安装命令：npm install --save-dev webpack 问题得以解决。
解决：Error: Cannot find module 'webpack'
sxs7970的博客
03-22 8837
最近在用webpack打包的时候，遇见一个很恶心的东西，用的时候，出现 Error: Cannot find module ‘webpack’ 输入npm init -y 初始一下项目，然后生成默认配置文件package.json文件。 在打包入口文件的时候，将 ‘.\src\main.js’ 打包成 ‘.\dist\bundle.js’ 的时候，出现Error: Cannot find mod...
手动解决Cannot find module '@sentry/webpack-plugin'等问题
10-06
解决Cannot find module '@sentry/webpack-plugin'，Cannot find module '@sentry/browser'，Cannot find module '@sentry/cli'等问题。 下载后，解压后文件夹，放在vue项目的node_modules文件夹下，即可。
Cannot find module ‘xxx’，错误解决方法
01-08
Cannot find module '@/views/login/index' Failed to resolve async component default vue-router.esm.js:1897 Error: Cannot find module '@/views/login/index' at webpackEmptyContext (index.js:39) at ...
已经安装了html-webpack-plugin,还是报错：Error: Cannot find module ‘html-webpack-plugin’
01-08
运行起来一切成功，后来新建了build文件目录，并且将webpack.config.js移动到了build文件中， package.json中的script: scripts: { test: echo \Error: no test specified\ && exit 1, start: node ./src/koa.js,...
webpack开发跨域问题解决办法
08-29
webpack 跨域问题解决办法 在前端开发中，跨域问题是一个常见的问题，尤其是在使用 webpack 进行开发时。跨域问题的出现是由于浏览器的同源策略所致，即浏览器只允许从同一个域名下的资源进行请求。那么，在使用 ...
vue总是报Error Cannot find module 解决办法.网上的都试了不管用,用这招成功
11-10
在Vue.js开发过程中，我们可能会遇到“Error: Cannot find module”这样的错误，这通常是由于模块导入路径不正确、npm包未安装或者环境配置问题导致的。以下是一些常见的解决步骤和详细解释，希望能帮助到遇到此类...
配置webpack自动打包功能报错：Cannot find module ‘webpack-cli/bin/config-yargs‘
YHxiaohao的博客
04-16 882
查阅网上有关报错改正，首先应该看的是报错信息： 解决方案一：（https://blog.csdn.net/wozhenhaokan/article/details/110232955，https://www.cnblogs.com/jeacy/p/13864454.html） 然后查阅自己的package.json文件中的devDependencies安装的webpackage版本属性 在此注意，webpack-cli 4.x版本是没有这个config-yargs这个文件的，3.x版本才有这个
Error: Cannot find module 'webpack'错误解决
能能的代码日常
05-22 8752
Error: Cannot find module 'webpack’错误解决 在学习webpack的过程中遇到了该问题，可以查看版本号，但是在项目中遇到使用错误。 运行 npm link webpack将全局链接到本地来 安装webpack-cli webpack4.以上版本的除了npm i webpack -g 以外，还需要安装cli,命令：npm i webpack-cli --s...
前端开发遇到Cannot find module ‘compression-webpack-plugin‘问题解决
zy103118的博客
09-01 1万+
------------------------------- 下面是参考的网上的内容（看了下面这个帖子就试了一下上面的内容，问题就解决了） 原文链接：https://www.cnblogs.com/xyyt/p/11384818.html vue-cli webpack打包开启Gzip 报错—— Cannot find module 'compression-webpack-plugin 异常描述： 复用以前框架，打包的时候报异常提示： Cannot find module 'c...
webpack常见问题之记录（Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin）
日常笔记/总结/系列知识梳理
11-19 1697
问题： webpack项目，安装之后，在打包时，提示Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin’ 原因:在全局安装webpack引起的,运行以下命令解决： npm link webpack 备注:npm link命令，将npm 模块链接到对应的运行项目中去 相关链接： npm link的使用 本地调试 npm 模块 —— npm link ...
关于webpack命令提示安装webpack-cli，安装了以后又显示“Cannot find module 'webpack'”的解决方法
想搞全栈的前端
05-01 7904
webpack 初次安装只有webpack遇到了许多问题，记录以下，分享给其他遇到相同问题的小伙伴。 问题一：We will use “npm” to install the CLI via “npm install -D”. BlinkdeMacBook-Pro:05-01 blink$ webpack One CLI for webpack must be installed. These a...
cannot find module webpack
08-25
"Cannot find module webpack"是一个常见的错误信息，它表示在你的项目中找不到webpack模块。这通常是因为你没有安装webpack或者没有正确配置你的项目。为了解决这个问题，你可以按照以下步骤进行操作： 1. 确保你已经在你的项目中正确安装了webpack。你可以使用npm来安装webpack，只需在终端中运行以下命令：sudo npm install webpack 2. 如果你已经安装了webpack，那么可能是因为你的项目中缺少webpack的配置文件。webpack通常使用webpack.config.js文件来配置，你需要确保在你的项目根目录中存在这个文件，并且正确配置了webpack的入口文件和输出文件路径。 3. 如果你已经正确配置了webpack并且仍然遇到这个错误，那么可能是因为你的项目中缺少一些webpack的插件或模块。根据你提供的错误信息，我们可以看到还缺少了webpack-merge和copy-webpack-plugin模块。你可以使用npm来安装这些模块，只需在终端中运行以下命令：sudo npm install webpack-merge copy-webpack-plugin 4. 安装完成后，重新运行你的项目，应该就能够解决这个错误了。 总结起来，解决"Cannot find module webpack"错误的步骤如下： 1. 确保你已经正确安装了webpack：sudo npm install webpack 2. 检查你的项目中是否有webpack的配置文件webpack.config.js，并正确配置了入口文件和输出文件路径。 3. 检查你的项目是否还缺少其他webpack的插件或模块，根据错误信息进行安装：sudo npm install webpack-merge copy-webpack-plugin 4. 重新运行你的项目，应该就能够解决这个错误了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [解决报错Cannot find module 'webpack'问题](https://blog.csdn.net/gxgalaxy/article/details/105200828)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值