Angular报错：Module not found: Can't resolve 'angular' 求解决方案

问题详情 #

在module.ts中添加以下代码后：

var my_app = angular.module("my_app",[]);

运行时触发报错：

Error: Module not found: Error: Can't resolve 'angular'

VS Code中无语法警告，但报错依旧。

已执行操作 #

• 安装Angular CLI：npm install -g @angular/cli
• 安装类型定义：npm install --save-dev @types/angular（注：你原本输入的@type/angular是拼写错误，正确应为@types/angular）
• 在module.ts中导入：

import * as angular from 'angular'

解决步骤 #

1. 安装AngularJS核心库 #

你仅安装了类型定义文件，缺少实际运行的AngularJS（即Angular 1.x）核心库，执行以下命令安装：

npm install angular --save

2. 修正导入路径（若安装后仍报错） #

尝试将导入语句修改为：

import * as angular from 'angular/angular'

部分版本的AngularJS包需要指定具体的入口文件路径。

3. 配置Angular CLI的脚本引入（针对CLI创建的项目） #

如果是用@angular/cli初始化的项目，需要在angular.json的architect -> build -> options -> scripts数组中添加AngularJS的本地文件路径：

"scripts": [
  "node_modules/angular/angular.min.js"
]

添加完成后重启项目构建进程，确保angular对象能全局访问。

4. 明确框架差异（关键提示） #

注意：@angular/cli是用于构建Angular 2+项目的工具，但你参考的教程是基于AngularJS（1.x），二者是完全独立的框架。如果仅学习AngularJS，更简单的方式是直接在HTML中引入CDN，无需使用Angular CLI：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>

内容的提问来源于stack exchange，提问作者Tech Stack by Antra