在使用 Angular 9 开发前端项目时，有时会出现 “Missing shared library” 错误，这是由于项目中使用的依赖库未在应用程序中正确加载所致。如果这个问题不得到解决，将会导致应用程序无法正常运行。在本篇文章中，我们将会详细介绍如何解决这个问题并提供示例代码。
问题分析
在使用 Angular 9 开发中，我们通常会使用依赖库。如果依赖库的某个版本未正确加载，那么我们就会看到类似以下错误信息：
ERROR in ./node_modules/some-library/some-library.js
Module not found: Error: Can't resolve 'something'
...
...这是因为 Angular 9 使用了共享库机制（Shared Library），所以如果依赖库的某个版本未在项目中正确加载，就会出现上述问题。
解决方法
接下来，我们将详细介绍解决这个问题的方法。
更新 CLI 工具
在解决这个问题之前，您应当先更新 Angular CLI 工具，以确保您使用的是最新的版本。
npm install -g @angular/cli
安装共享库
接下来，您需要为项目安装共享库，这个共享库提供了一组常用的依赖项。 您可以使用以下命令进行安装：
ng add @angular/material
这个过程可能需要一些时间，具体时间取决于您的网络环境和系统性能。
手动添加共享库
如果您无法在线安装共享库，您可以随时手动下载和安装共享库。首先，您需要找到共享库的标准分发文件，通常是一个压缩文件，文件名称以 angular-material-xxx 的形式命名，xxx 表示共享库的版本号。
然后，您需要将共享库添加到项目中。具体步骤如下：
将共享库文件包解压缩到某个目录下，例如：
./shared-lib/在 project.json 文件中添加如下条目：
-- -------------------- ---- ------- - --- ------------ - -------- - --- ---------- - --- ---------- - --- - -------- --------------------------------- - - - - - -在 tsconfig.json 文件中添加以下配置：
-- -------------------- ---- ------- - --- -------- - -------------------- - ---------------------------------------- -- --- - -
接下来，您可以尝试重新构建项目以确保共享库已正确添加到项目中。
示例代码
为了更好地理解上述解决方法，我们提供以下示例代码：
-- -------------------- ---- -------
- --- ------- -- ------------
- -- --- ----------
- -- ----------
- -- --- -----------------
---
- ----- ----------
- -- ----------
- ---- ------------------------ -------------------------
- ----- --------------------------
---
- -- --
- -- ------------
---
-
---
------------ -
- -------- -
- ---------- -
- ---------- -
- -
- -------- ---------------------------------
- -
- -
- -
- -
-
-
- -- -------------
---
-
---
-------- -
- -------------------- -
- ----------------------------------------
- --
---
-
-
-结论
在本文章中，我们探讨了如何快速有效地解决 Angular 9 项目中的 “Missing shared library” 错误。通过更新 CLI 工具以及手动或者在线安装共享库，您可以轻松地解决这个常见问题并继续进行开发工作。如果您在解决这个问题时遇到任何困难或问题，可以参考本文提供的示例代码或者参考相关官方文档的内容，希望本篇文章能够对您产生帮助和启示。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6723417f2e7021665e0f1a84