Angular项目安装highlight.js报错：无法找到模块及类型声明

问题原因及解决步骤 #

• 未安装highlight.js核心依赖：ngx-highlightjs是Angular封装库，必须依赖原生highlight.js才能运行，执行以下命令安装核心包：

  npm install highlight.js --save
  

• 缺失类型声明文件：若安装核心包后仍报错，需补充安装TypeScript类型声明：

  npm install @types/highlight.js --save-dev
  

• 重启开发环境：安装完成后，重启Angular开发服务器或重新构建项目，确保依赖被正确加载：

  ng serve --open
  

• 确认导入路径：检查app.config.ts中的import('highlight.js')路径无需额外修改，只要依赖包安装到位即可正常识别。

安装验证 #

完成上述步骤后，可在组件中通过ngx-highlightjs的指令（例如 <pre><code [highlight]="yourCodeSnippet"></code></pre>）测试代码高亮功能是否正常工作。

内容的提问来源于stack exchange，提问作者Nesrine GHRIBI