首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

运行ng serve时找不到模块“@angular/compiler”

问题:运行ng serve时找不到模块“@angular/compiler”。

答案:当在运行ng serve命令时出现找不到模块“@angular/compiler”的错误时,可能是由于以下原因导致的:

  1. 缺少依赖:请确保你的项目中已经安装了所有必需的依赖项。可以通过运行以下命令来安装缺少的依赖项:
  2. 缺少依赖:请确保你的项目中已经安装了所有必需的依赖项。可以通过运行以下命令来安装缺少的依赖项:
  3. 这将根据项目的package.json文件安装所有依赖项。
  4. 版本不匹配:检查你的项目中的Angular版本是否与"@angular/compiler"模块的版本兼容。可以通过运行以下命令来查看Angular版本:
  5. 版本不匹配:检查你的项目中的Angular版本是否与"@angular/compiler"模块的版本兼容。可以通过运行以下命令来查看Angular版本:
  6. 确保你的项目中的Angular版本与"@angular/compiler"模块的版本兼容。如果不兼容,可以尝试更新或降级Angular版本。
  7. 缓存问题:有时候,缓存可能会导致模块无法找到。可以尝试清除npm缓存并重新安装依赖项。运行以下命令清除npm缓存:
  8. 缓存问题:有时候,缓存可能会导致模块无法找到。可以尝试清除npm缓存并重新安装依赖项。运行以下命令清除npm缓存:
  9. 然后重新运行npm install命令安装依赖项。

如果以上方法都无法解决问题,可以尝试以下额外的步骤:

  1. 删除node_modules文件夹:在项目根目录下删除node_modules文件夹,并重新运行npm install命令重新安装依赖项。
  2. 更新Angular CLI:运行以下命令更新Angular CLI到最新版本:
  3. 更新Angular CLI:运行以下命令更新Angular CLI到最新版本:
  4. 然后重新运行ng serve命令。

如果问题仍然存在,建议查阅Angular官方文档或向相关社区寻求帮助。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • Angular CLI 简介

    打开main.bundle.js可以看到我写的代码: 下面运行程序: ng serve -o: 可以看到在ng serve的时候, 加载了上述的文件....因为ng build是开发的build, 所以没有做任何优化, 文件挺大的. 这时看一下文件目录, 并没有dist目录: 那么这些文件是怎么被serve的呢?...执行aot会去掉一些程序执行不需要的代码, 例如angularcompiler这时就不在build输出的文件里了(可以使用source-map-explorer查看)....CLI生成路由" : http://www.cnblogs.com/cgzl/p/8611532.html 第四篇文章: “使用Angular CLI进行Build (构建) 和 Serve”: http...可以看一下spec list: 这时因为运行测试的时候, admin模块是独立运行的, 所以该模块并没有引用Router模块, 所以无法识别router-outlet. 那么如何解决这个问题?

    6K110

    Angular 6正式版发布,都有哪些新功能

    除此之外,这次更新还包括框架包(@angular/core、@angular/common、@angular/compiler 等)、Angular CLI、Angular Material + CDK...官方升级手册链接如下: https://update.angular.io/ ng update可以帮助你使用正确版本的依赖包,让你的依赖包与你的应用程序同步,使用 schematics ,第三方还能提供脚本更新...例如,命令ng update @angular/core将会更新所有的 Angular 包以及 RxJS、FTypeScript,它还将在这些包中运行可用的 schematics 以保证版本是最新的。...Angular Material 初始组件 一旦运行ng add @angular/material并添加材料到现有的应用程序中,就能够生成 3 个新的初始组件。...Shakable Providers 为了让你的应用更小,我们将服务引用模块改为模块引用服务,这让我们只需要构建在模块里注入的服务。

    4.2K20

    Angular CLI 常用终端操作命令

    CLI常用命令 ---- ng new project-name - 创建一个新项目,置为默认设置 ng build - 构建/编译应用 ng test - 运行单元测试 ng e2e - 运行端到端(...--- CLI以多种方式支持路由: 初始化创建项目,自动添加了 @angular/router ,自动添加到package.json 文件中 生成模块路由的时候可以使用指令...文件名的路由模块 ng g module my-module --routing 该文件包括一个空Routes对象,您可以填充不同组件和/或模块的路由。...该--routing选项还会生成与模块名称相同的默认组件。 您可以在创建或初始化项目使用该--routing选项ng new来创建app-routing.module.ts文件。...serve --proxy-config loca.conf.json "scripts": { "start": "ng serve --proxy-config loca.conf.json

    2.1K40

    ionic3升级适配angular5

    "@angular/common": "5.0.1", "@angular/compiler": "5.0.1", "@angular/compiler-cli": "5.0.1", "@angular...,现在用ComponentFactory.ngContentSelectors代替. compiler: 在v4版本被弃用,使用 代替,其编译选项enableLegacyTemplate...在本项目中,因为没有用到那几个内置管道,也没有用到路由,所以主要是调整Http模块: 在4.x中HttpClient模块被封装在@angular/common中,新的HttpClient被封装在@angular.../common/http中,更新Http模块后,需要使用HttpClientModule替换原有HttpModule,并在使用http服务,可以去掉map(res=>res.json())的调用,因为新模块中已经不再需要了...let options: any = {headers: new Headers()}; 最后删除掉: map(res=>res.json()) 到此就完成了,执行命令看下效果吧: ionic serve

    2.5K40

    看看Angular有啥新玩法!手把手教你在Angular15中集成Excel报表插件

    Angular15新特性 Angular框架(以下简称“Angular”)作为一款由谷歌开发的Web应用程序框架,其强大的依赖注入系统、可重复使用的模块化开发理念和响应式编程模式等特点让Angular一问世便取得了巨大的关注和流量...//安装 Angular CLI globally npm install -g @angular/cli //通过Angular CLI 创建一个新项目 ng new spread-sheets-app...(初始化一个Angular工程) 将下面的表格资源粘贴到package.json文件中的dependencies标签,并使用npm install指令下载和ng serve指令运行。..."@angular/animations": "\^15.2.9", "@angular/common": "\^15.2.9", "@angular/compiler": "\^15.2.9",...serve指令启动项目并在浏览器中测试上传文件、修改文件内容和下载文件的操作了。

    34820

    Angular 从入坑到挖坑 - Angular 使用入门

    对应官方文档地址: 搭建本地开发环境和工作空间 ng new ng serve 工作区和项目文件结构 配套代码地址:angular-practice/src/getting-started 二、Contents...验证是否安装成功 ## 查看 angular cli 版本 ng v ## 查看 angular cli 中的各种命令解释 ng help ?...4.1.2、运行第一个 Angular 应用 通过 Angular CLI 命令来创建一个新的应用 ## 指定位置,创建新的 angular 应用 ng new my-app 常用命令参数 options...运行项目 ## 运行项目 ng serve 常用命令参数 options 解释 --open / -o 是否直接打开浏览器 --port 指定程序运行的端口 ?...项目的根组件 HTML 页面的样式信息 app.component.spec.ts - 项目的根组件单元测试文件 app.component.ts - 项目的根组件逻辑 app.module.ts - 应用的根模块

    2K20

    如何在 Windows 上安装 AngularAngular CLI、Node.js 和构建工具指南

    run: 运行项目中定义的自定义目标。 serve (s): 构建并服务您的应用程序,根据文件更改进行重建。 test (t): 在项目中运行单元测试。 update: 更新您的应用程序及其依赖项。...因此,您不需要安装本地服务器来为您的项目提供服务 —您可以简单地从终端使用 ng serve 命令在本地为您的项目提供服务。...首先导航到项目的文件夹中并运行以下命令: $ cd frontend $ ng serve 您现在可以导航到 http://localhost:4200/ 地址来开始使用您的前端应用程序。...运行结果如下图所示: 生成Angular构件 Angular CLI 提供了 ng generate 命令,可帮助开发人员生成基本的 Angular 构件,例如模块、组件、指令、管道和服务: $ ng...如果您想将组件、指令或管道添加到另一个模块 (主应用程序模块 app.module.ts 除外),您只需在组件名称前加上模块名称和斜杠 即可: $ ng g component my-module/my-component

    37700

    angular4实战(1) angular-cli

    https://cli.angular.io/ 提供了搭建一个angular项目的简单介绍。 本文就angular-cli这块的指令属性,在做一些扩展介绍。...npm install -g @angular/cli ng new PROJECT-NAME cd PROJECT-NAME ng serve 通过这四条命令,可以快速创建一个angular项目。...本章主要关注,ng new 这条命令。在下载好angular-cli之后,通过在命令行输入ng help可以获得angular-cli的指令详细介绍。 ?...—routing angular生成的项目默认是不带路由的,而路由在但也应用基本上是必备模块,因此在生成项目需添加此属性。...比如生成一个名为stones的组件,只需运行命令: ng g component stones 就ok了,然后会依照之前在ng new项目的配置在app目录下生成相应的组件,并自动加入到依赖中,非常方便

    66220

    angular入门教程_初学者织围巾简单教程慢动作

    如果你需要修改端口号,可以用 ng serve –port ****来进行指定。...如果你想让编译的包更小一些,可以使用 ng serve –prod,@angular/cli 会启用 TreeShaking 特性,加了参数之后编译的过程也会慢很多。...ng serve 是在内存里面生成项目,如果你想看到项目编译之后的产物,请运行 ng build。构建最终产品版本可以加参数,ng build –prod。...ng 提供了很多非常好用的工具,除了可以利用 ng new 来自动创建项目骨架之外,它还可以帮助我们创建 Angular 里面所涉及到的很多模块,最常用的几个如下: 自动创建组件:ng generate...里面对应修改 改完之后,重新 ng serve,打开浏览器查看效果。

    3.3K20
    领券