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

Angular 2构建错误- '../@angular/platform-browser-dynamic‘没有导出的成员'bootstrap’

Angular 2构建错误- '../@angular/platform-browser-dynamic‘没有导出的成员'bootstrap’是由于在Angular 2中,bootstrap已经被移除,取而代之的是使用Angular CLI来构建和启动应用程序。

Angular CLI是一个命令行工具,用于快速创建、构建和管理Angular应用程序。它提供了一种简单的方式来生成项目结构、组件、服务等,并且可以自动处理构建、测试和部署等任务。

要解决这个错误,可以按照以下步骤进行操作:

  1. 确保已经安装了最新版本的Angular CLI。可以使用以下命令来检查版本:
代码语言:txt
复制
ng version

如果没有安装Angular CLI,可以使用以下命令进行安装:

代码语言:txt
复制
npm install -g @angular/cli
  1. 确保项目中的依赖项已经正确安装。可以使用以下命令来安装依赖项:
代码语言:txt
复制
npm install
  1. 检查项目中的引入语句是否正确。在Angular 2中,不再需要手动引入bootstrap模块。如果在代码中有类似以下的引入语句:
代码语言:txt
复制
import { bootstrap } from '@angular/platform-browser-dynamic';

可以将其替换为以下语句:

代码语言:txt
复制
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
  1. 确保在主模块中正确引导应用程序。在主模块(通常是app.module.ts)中,使用以下代码来引导应用程序:
代码语言:txt
复制
platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.error(err));

通过以上步骤,应该能够解决Angular 2构建错误- '../@angular/platform-browser-dynamic‘没有导出的成员'bootstrap’。如果还有其他问题,请提供更多的错误信息以便进一步排查和解决。

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

相关·内容

  • Angular2 之 时间教训 & 错误

    item.signDate}} 出现错误是,无论我如何传递参数,loadingTitle和state值根本没有改变...依赖DI系统service依赖注入方式 就是通过模块封装,将BaseDataService注入到了angularDI系统中,这样在模块中所有组件,都可以通难过angularDI注入方式获取到...e.g. - service没有写@injectable() 这个例子错误是,在模块级别注册了类提供商也就是providers:[WorkflowService],但是一直报?...bug-workflow2.png e.g. - DI时候,没有从根本使用地方进行依赖注入 这就导致了,在最里面的基类调用不到使用方法。?是错误: ?...bug1.PNG 这个错误一直说没有add这个方法。也就是说sinoButtonsComponent没有被依赖注入进来。 ?是code: ? code1.png ? code2.png ?

    87240

    无需框架,就能实现微前端,理解起来通俗易懂

    当代码库很大时,组件和页面需要连接起来,因为有时您工作与其他团队成员工作重叠。这将导致进一步重写,更复杂和时间管理不善,并导致整个开发过程延迟。...如何构建微前端 现在让我们来看看如何构建一个真正应用,以及如何使用微前端集成两个框架,React和Angular。这里出现第一个问题是,我们应该如何划分应用,因为没有特定标准来划分它们。...开始构建 我们将不得不使用某些函数在主应用程序中注册我们子应用程序,以便导出我们子应用程序。...子应用程序中实现: 要将一个模块导出为一个子应用程序,我们必须导出以下生命周期函数: bootstrap——它将被调用一次,就在注册应用程序第一次挂载之前。...下面是实现Angular应用入口文件代码片段: import {platformBrowserDynamic} from '@angular/platform-browser-dynamic'; import

    2K20

    Angular 2 模块(Modules)

    Angular 应用是模块化Angular 有自己模块系统,叫做 Angular 模块 or NgModules。 模块 ....imports - 声明这个模块组件模版需要、其他模块声明导出类。 providers - 这个模块服务创建器,是全局服务集合一部分,可以被应用任意部位访问到。...bootstrap - 主应用视图, 叫做 根组件(root component), 承载其他应用视图。 只有 根模块(root module) 需要设置此引导属性。...根模块没有理由export任何东西,因为其他组件不需要import根模块。 通过引导一个根模块启动一个应用。...开发中你可以在main.ts中引导AppModule,如下所示: import { platformBrowserDynamic } from '@angular/platform-browser-dynamic

    87670

    Angular 2 架构(上)

    Angular 2 应用程序应用主要由以下 8 个部分组成: 1、模块 (Modules) 2、组件 (Components) 3、模板 (Templates) 4、元数据 (Metadata) 5、数据绑定...exports - 声明( declaration )子集,可用于其它模块中组件模板 。 imports - 本模块组件模板中需要由其它导出模块。 providers - 服务创建者。...本模块把它们加入全局服务表中,让它们在应用中任何部分都可被访问到。 bootstrap - 应用主视图,称为根组件,它是所有其它应用视图宿主。只有根模块需要设置 bootstrap 属性中。.../platform-browser-dynamic'; import { AppModule } from '....实例 @Component({ selector : 'mylist', template : '菜鸟教程' directives : [ComponentDetails

    1.4K10

    Angular 2 + 折腾记 :(2)初步认识angular2,不一样开发模式

    ---- 基础概念 国内官网--基础 词汇表(又名计算机术语--angular2 & es6 & es7) 速查表:又名demo写法表,里面涵盖了很多写法,相当于一本小字典 关于ng2一堆为什么:.../core'; // app启动引导模块,必须引入 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'...'@angular/platform-browser'; // 这也是一个装饰器,用来定义模块和组件相关,比如服务,组件元素,指令,导入导出模块识别 // 每个模块定义必须有这个才能生效...---- 总结 这一篇没有涉及到路由这些和表单这些; 准备拆成两个文章来说; 路由配置及懒加载这些, 模板驱动表单及响应式表单[嵌套表单响应等],回车键触发搜索等。。...发现文章有错误,或者有更好讲解,请留言指出,我会及时修正,谢谢! 其他一丢丢废话:若是学会了ng2技术栈,其实你过程接触了Typescript,Rxjs,es6&7等

    6.2K20

    Angular-内存溢出问题

    本项目用angular6搭建,用动态组件形式来显示页面,之前遇到过因为内存溢出而导致无法aot问题, Angular4以上该方法都适用 解决方法:手动改写内存上限 修改目录: my-project...)文件过多; 2)订阅数据没有销毁占用内存,(看了下订阅数据很少,应该不是的); 3)因为所有的组件都在一个根目录下(上面说了,用动态组件没用路由),导致需要编译组件过多?.../http": "^6.1.0", "@angular/platform-browser": "^6.1.0", "@angular/platform-browser-dynamic":...": "^13.0.5", "@grapecity/spread-sheets-resources-zh": "^13.0.5", "@ng-bootstrap/ng-bootstrap...": "^1.0.0", "angular-safeguard": "^2.0.1", "angular-sortablejs": "^2.7.0", "angular2-fontawesome

    2.3K20

    Angular 2.x折腾记 :(2)初步认识angular2,不一样开发模式

    /core'; // app启动引导模块,必须引入 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'...'@angular/platform-browser'; // 这也是一个装饰器,用来定义模块和组件相关,比如服务,组件元素,指令,导入导出模块识别 // 每个模块定义必须有这个才能生效...,ng2开发模式就是类似一个树,从根节点无限发散 import { NgModule } from '@angular/core'; // 表单模块,比如你要在组件内用到一些表单元素或者数据绑定...], providers: [], // 服务 bootstrap: [AppComponent] // 启动模块,一个app一般只有一个启动模块!!...总结 这一篇没有涉及到路由这些和表单这些; 准备拆成两个文章来说; 路由配置及懒加载这些, 模板驱动表单及响应式表单[嵌套表单响应等],回车键触发搜索等。。

    10110

    Angular 5 快速入门与提高

    在5这个新版本中,Angular团队将改进重点放在以下特性方面: 更易于构建渐进式Web应用 —— __P__rogressive __W__eb __A__pp 使用构建优化器剔除无用代码,以获得更小应用...的确,我们没有把它打包在a5-loader中, 而是让模块加载器(SystemJS)根据应用需要自动加载。这么做目的,是为了 让应用代码,和后续课程中采用后端构建方法保持一致。...加入到这个元数据中组件才会被编译 bootstrap:声明启动引导哪个组件,必须是编译过组件 需要强调是,bootstrap元数据声明组件必须是编译过组件:它要么属于 使用imports元数据引入外部...五、启动Angular应用 前面课程中,我们已经创建了一个组件和一个NG模块,不过似乎只是定义了一堆元数据, 几乎没有写太多有价值代码。 但这就是Angular框架一个特点:声明式开发。...比如,在Angular2正式版之前,都没有NG模块概念,你只要写一个组件就可以直接 启动应用了。Angular团队预期应用场景是大规模前端应用开发,因此显式NG模块 声明要求也是容易理解

    1.8K20

    基于 qiankun 微前端最佳实践(万字长文) - 从 0 到 1 篇

    micro-app 从上图可以看出,qiankun 内部会校验微应用生命周期钩子函数,如果微应用没有导出这三个生命周期钩子函数,则微应用会加载失败。...第 46 行:微应用导出生命周期钩子函数 - bootstrap。 第 53 行:微应用导出生命周期钩子函数 - mount。 第 61 行:微应用导出生命周期钩子函数 - unmount。...第 25 行:微应用导出生命周期钩子函数 - bootstrap。 第 32 行:微应用导出生命周期钩子函数 - mount。 第 40 行:微应用导出生命周期钩子函数 - unmount。...对于选择 Angular 技术栈前端开发来说,对这类情况应该驾轻就熟(没有办法)。...第 46 行:微应用导出生命周期钩子函数 - bootstrap。 第 50 行:微应用导出生命周期钩子函数 - mount。 第 54 行:微应用导出生命周期钩子函数 - unmount。

    6.6K40

    关于在angular2中引入第三方插件或者框架(jquery)

    由于本人也是初入angular2不久,很多问题也许解决了,确不知其原由,也有一些问题,解决了后面又出来同样错误,关于这些,请谅解....关于这个问题,我自己也是想了很久,总算是能用上了, 想在angular2中引用jquery的话,高大上一个方法是,在package.json中dependencies中写入,执行cnpm i;安装;..."dependencies": { "@angular/common": "^4.0.0", "@angular/compiler": "^4.0.0", "@angular...": "^4.0.0", "@angular/platform-browser-dynamic": "^4.0.0", "@angular/router": "^4.0.0",...然而没有一步,$就是undefined! 最后一步也可以这样做,在首页,src下面的index.html中,直接引入jquery.min.js,也是可以,不过这样就显有点Low了! 欢迎讨论!

    2.3K40
    领券