迹忆客 专注技术分享

在这篇文章中，我们将学习如何解决Node.js 中的 Error: cannot find module 'webpack' 。

修复 Error: cannot find module 'webpack' in Node.js

在深入研究解决方案之前，我们将首先尝试了解 Webpack 以及为什么需要它。

Webpack 是模块的打包器。 Webpack 的主要目的是打包 JavaScript 文件以便在浏览器中使用，但它也能够打包、转换或捆绑几乎任何资源或资产。

所有兼容 ES5 的浏览器都支持 Webpack（不支持 IE8 和更早版本）。 Webpack 还需要 promise 用于 import() 和 require.ensure() 函数。

为了支持旧版浏览器，我们必须在使用这些表达式之前加载 Polyfill 。

Webpack 通过对常用模块进行重复数据删除、修改以及通过代码共享完全控制最初加载的内容和运行时加载的内容，实现了许多优化以减少 JavaScript 的输出大小。 您还可以使用哈希使您的代码片段缓存友好。

当 Webpack 未全局安装时出现 Error: cannot find module 'webpack' 。 这是脚本或 npm 应用程序的问题。

按照以下任一解决方案解决问题：

1. 在本地应用程序文件夹中安装 Webpack。 通过运行以下命令确保您安装了最新版本的 Webpack：

   $npm install webpack
   

2. 将 Webpack 绑定到我们的项目。 如果上述解决方案不起作用，请尝试将全局安装的 Webpack 绑定到我们的项目。
   在我们的应用程序中，打开终端并运行以下命令：

   $npm link webpack
   

3. 从我们的本地应用程序中删除这些文件/文件夹。
   • package-lock.json（不是 package.json）
   • /node_modules 文件夹

删除上述文件/文件夹后，运行以下命令再次安装软件包：

$npm install

这将安装所有具有最新版本的软件包。