Angular8和webpack4 :未捕获ReferenceError:未定义vendor_lib &源映射错误

Angular 8和Webpack 4是现代化的前端开发工具和框架。在使用它们进行开发时，有时会遇到一些错误和问题。其中一个常见的错误是"未捕获ReferenceError: 未定义vendor_lib"和"源映射错误"。下面是对这些错误的解释和解决方法：

1. 未捕获ReferenceError: 未定义vendor_lib： 这个错误通常发生在使用Webpack进行打包时，其中vendor_lib是一个未定义的变量或模块。这可能是由于以下原因导致的：
   • 在Webpack的配置文件中，没有正确地设置entry或externals选项，导致vendor_lib未被正确引入。
   • 在代码中，没有正确地导入或声明vendor_lib。
   • 解决方法：
   • 确保在Webpack的配置文件中正确设置entry选项，确保vendor_lib被正确引入。
   • 在代码中，使用import或require语句正确导入或声明vendor_lib。

• 源映射错误： 源映射错误通常发生在开发过程中，当浏览器或开发工具尝试加载源代码映射文件时出现问题。这可能是由于以下原因导致的：
  • 源代码映射文件（通常是.map文件）丢失或损坏。
  • 源代码映射文件的路径或URL不正确。
  • 解决方法：
  • 确保源代码映射文件存在且完整。
  • 检查源代码映射文件的路径或URL是否正确，并确保浏览器或开发工具可以正确加载它。

请注意，以上解决方法是一般性的，具体解决方法可能因项目配置和环境而异。如果您需要更具体的帮助，建议参考Angular和Webpack的官方文档，以及相关社区和论坛中的讨论。