Webpack 是一款现代化的前端打包工具，它在前端领域中的应用越来越广泛。但是在使用 Webpack 过程中，难免会遇到一些错误，本文将会讨论常见 Webpack 错误及其解决方案。
错误解决
“ModuleNotFoundError: Module not found: Error: Can't resolve 'xxx' in 'xxx'”
这个错误通常是由于 Webpack 找不到某个模块所在的位置导致的。可以通过检查路径是否正确、检查文件后缀是否正确或者安装缺失依赖包来解决。
例如，如果导入的模块是一个 node.js 模块，则需要在 webpack.config.js 中配置 node 选项。如果该模块不在 node_modules 中，那么就需要重新安装。
如果导入的模块是自定义的模块，则需要检查该模块的绝对路径是否正确。
“Module parse failed: Unexpected token”
这个错误通常是由于 Webpack 不支持某种文件类型导致的，例如 babel-loader 不能解析 ES6 语法，需要配置相应的 loader。
-- -------------------- ---- -------
------- -
------ -
-
----- --------
-------- ---------------
---- -
------- ---------------
-------- -
-------- ---------------------
-
-
-
-
-“Cannot find module 'xxx'”
这个错误通常是由于主文件库未正确指定所致。检查当前 package.json 中的 main 属性是否正确，并检查是否已在正确的位置（例如，main 文件是否真正在 ./src 目录下）。
“You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.”
这是由于 Webpack 认为该文件无法处理而导致的。为此，必须添加相应的 loader。
例如，要处理 scss 文件，可以添加 sass-loader 并配置相应的选项：
-- -------------------- ---- -------
------- -
------ -
-
----- ----------
---- -
---------------
-------------
-------------
-
-
-
-“Unexpected character '#'”
这个错误通常是由于使用了 ES6 中的 import 语句时所出现的错误。如果你使用的是低版本的 Node.js，那么你需要在 webpack.config.js 中配置 babel-loader 来支持 ES6 语法。
-- -------------------- ---- -------
------- -
------ -
-
----- --------
-------- ---------------
---- -
------- ---------------
-------- -
-------- ---------------------
-
-
-
-
-“TypeError: Cannot read property 'xxx' of undefined”
这个错误通常是由于缺失依赖包导致的。检查是否在 package.json 中安装了必需的依赖，如果缺少，请使用 npm 或 yarn 安装。
npm install xxx --save
结论
Webpack 是一款非常强大的前端打包工具，但是在使用它的过程中，我们也需要注意常见错误的解决方案。本文介绍了常见错误及其解决方案。希望本文对你有所帮助。
示例代码
-- -------------------- ---- -------
----- ------- - -------------------
-------------- - -
------ -
---- -----------------
------- --------- ------------
--
------- -
----- ----------------------- --------
--------- ------------------
--
------- -
------ -
-
----- --------
-------- ---------------
---- -
------- ---------------
-------- -
-------- ---------------------
-
-
--
-
----- ---------
---- ---------------- -------------
--
-
----- -----------------------------
----- ----------------
--
-
----- ----------
---- -
---------------
-------------
-------------
-
-
-
--
-------- -
--- -------------------------------------
----- --------
--
-
--来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672b28d9ddd3a70eb6d1ed49