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

在angular-cli全局全新安装后找不到@angular-devkit/core模块

问题描述:在使用angular-cli进行全局全新安装后,无法找到@angular-devkit/core模块。

回答: @angular-devkit/core模块是Angular开发工具包(Angular DevKit)的核心模块,它提供了一些用于构建、测试和部署Angular应用程序的工具和API。在安装angular-cli后,该模块通常应该在全局范围内可用。如果在安装后找不到该模块,可能是由于以下几个原因:

  1. 安装问题:请确保在全局安装angular-cli时没有遇到任何错误。你可以尝试重新安装angular-cli,确保按照官方文档的指引正确安装。
  2. 版本兼容性问题:请检查你安装的angular-cli和@angular-devkit/core模块的版本兼容性。如果你在使用旧版本的angular-cli,可能会导致无法找到该模块。建议升级angular-cli和相关依赖到最新版本。
  3. 环境配置问题:请确保你的开发环境配置正确,包括Node.js、npm或yarn的版本等。建议使用最新的稳定版本,并进行必要的环境变量配置。

如果以上方法仍然无法解决问题,你可以考虑以下替代方案:

  1. 使用其他相关模块:在Angular生态系统中,存在许多其他类似的工具和库,可以用于构建和管理Angular应用程序。你可以尝试使用其他替代方案,例如@angular/cli、@angular-devkit/build-angular等。
  2. 官方文档和社区支持:请参考Angular官方文档和社区支持,寻找类似问题的解决方案和讨论。Angular社区非常活跃,你可以在论坛、GitHub等平台上寻求帮助和建议。

推荐的腾讯云相关产品:腾讯云提供了一系列云计算产品和解决方案,可以满足你在开发、部署和运维方面的需求。以下是一些相关产品和介绍链接地址(注意:根据要求,不包括亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等品牌商):

  1. 云服务器(CVM):腾讯云提供高性能、稳定可靠的云服务器,可用于搭建开发、测试和部署环境。详情请参考:https://cloud.tencent.com/product/cvm
  2. 云数据库(TencentDB):腾讯云提供多种类型的云数据库,包括关系型数据库、NoSQL数据库等,可满足不同应用场景的需求。详情请参考:https://cloud.tencent.com/product/cdb
  3. 云存储(COS):腾讯云提供可扩展的对象存储服务,用于存储和管理大规模的数据。详情请参考:https://cloud.tencent.com/product/cos

请注意,以上推荐的产品仅供参考,具体选择应根据项目需求和实际情况进行。对于更具体的问题和需求,建议查阅腾讯云官方文档或咨询腾讯云客服。

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

相关·内容

  • Angular UI框架 Ng-alain @delon的脚手架的生成开发模板

    @delon/cli 是基于 Angular Cli 向上构建的针对 ng-alain 脚手架的命令行工具,因此安装之前要先确保以下类库应该安装: 第二种(推荐方式) 因为官方的文档有坑,所以才有这篇文档...~ 安装&配置 首先我们要安装 npm install -g @angular-devkit/core @angular-devkit/schematics @schematics/schematics...rxjs npm install -g @angular/cli @delon/cli 允许你全局安装或只针对本地项目,对于全局后期所有命令都无需填写 --collection 选项。...全局安装: npm install -g @delon/cli 我们先是使用@AngularCli工具生成一个项目。 ng new my-dream-app 默认进行npm包的下载。...cli lonely 然后就是慢慢等待包的还原,还原完毕

    1.7K110

    Angular学习(01)-架构概览

    但在 Angular 中,你可以借助它依赖注入的机制,来让 Angular 帮你去做这些依赖的对象的实例管理的事,如果需要一个全局的单例服务,那么可以将该服务声明成 root 即全局可用;如果需要一个模块内的单例...指令的原理也很简单,模板中某个元素标签上,添加上某个指令,解析到这个指令时,会进入这个指令的相关工作,而指令内部,会获取到一个当前指令挂载的元素标签对象,既然都拿到这个对象了,那么,指令内部想对这个元素做什么...这是用 WebStrom 创建一个 Angular 项目,自动生成的简单架构。...angular.json 这是 Angular-CLI 的配置文件,而 Angular-CLI 是自动化的工程构建工具,也就是利用这个工具,可以帮助我们完成很多工作,比如创建项目、创建文件、构建、打包等等...这些工作就可以借助 Angular-CLI 来进行。另外,创建一个模块,创建一个组件,也都可以通过 Angular-CLI 来。

    3.6K50

    Ubuntu 18.04上安装Angular图文详解

    这篇文章是一系列Angular文章中的第一篇,旨在帮助您开始Angular 7中创建网站。 我们将首先学习如何在Ubuntu 18.04上安装Angular 7。...root@linuxidc:~# npm install -g @angular/cli 安装完成,检查它是否安装正确。.../architect    0.13.8 @angular-devkit/core        7.3.8 @angular-devkit/schematics  7.3.8...安装过程将开始下拉所需的Angular模块,并为我们的新应用程序创建目录结构 运行我们的申请 首先更改为我们的应用程序的新创建的目录。...本系列的下几篇文章中,我们将了解它所创造的内容。 总结 我希望你喜欢这篇文章。并在下面留下评论并分享到微信朋友圈,微博等社交媒体。 谢谢阅读。

    2.8K00

    Angular17 使用 ngx-formly 动态表单

    : 推荐使用 angular-cli 提供的 ng add 进行安装配置: # 1....选择创建项目的模板: sidemenu ng add ng-zorro-antd 安装 Formly 核心模块: 推荐使用 angular-cli 提供的 ng add 进行安装配置: # 可选主题包括...nz-menu-item nzMatchRouter> "> new-page 使用 Formly 实现新用户注册: 第一步:页面级组件的模块中导入必要的三个模块...label}格式不正确`; }, }, ], }) PS:需要全局注册自定义验证消息; 指定字段注册自定义校验函数 ②,定义字段时通过 validators.expression...隐藏/显示字段: 如果需要使前面加入的确认密码字段输入密码字段才显示时就需要使用 expressions.hide 来控制隐藏或显示: { key: 'checkPassword', type

    65010

    Angular Library 快速入门

    完成新建 ButtonComponent 组件的导出工作,我们需要使用下列命令,重新构建 sf-lib 库: $ ng build --prod sf-lib sf-lib 重新构建成功,我们就可以模板中使用刚创建的...HttpClientModule 模块,且 DataService 注入 HttpClient 服务: import { Injectable } from "@angular/core"; import...SfLibConfigService, useValue: config } ] }; } } 即通过提供 forRoot() 静态方法,让模块的使用方来配置模块中的...AppModule 根模块导入 SfLibModule 模块的时候,配置 dataUrl 属性,具体如下: @NgModule({ declarations: [AppComponent], imports...你将会在控制台看到以下输出信息: {userId: 1, id: 1, title: "delectus aut autem", completed: false} 最后 sf-lib 库开发完成

    2.4K10

    Angular开发实践(一):环境准备及框架搭建

    介绍之前,我假定你了解或者熟悉: NodeJs Npm Git Sass TypeScript angular-cli 环境准备 全局安装NodeJs(>6.9.x),包含npm(>3.x.x) 全局安装...angular-cli npm install -g @angular/cli IDE推荐使用WebStorm 框架搭建 angular-start是我GitHub上维护的一个起步项目,你可以直接下载作为基础开发框架来使用...,再进行下一步) npm start 为了启动方便,package.json的scripts配置了"start": "ng serve --hmr -o --proxy-config proxy.config.json...",可以看到这条命令分别配置了--hmr(启动模块热更新)、-o(自动打开浏览器)、--proxy-config(代理配置) 控制台信息: ?...根目录 e2e/下是端到端(end-to-end)测试。它们不在src/下,是因为端到端测试实际上和应用是相互独立的,它只适用于测试你的应用而已。

    1.3K70

    Angular学习(02)--Angular-CLI命令

    正文- Angular-CLI 命令 Angular 的项目其实相比老旧的前端项目模式或者是 Vue 的项目来说,都会比较重一点,因为它包括了: 模块 @NgModel, 组件 @Component,...安装的方式就不讲了,要么直接使用 WebStrom 内置的,要么借助 npm 下载一个,要么通过 WebStrom 创建的 Angular 项目的 package.json 中就会自动配置一个 cli...所以,下面就只介绍这三个命令,其他命令,等到后续有接触,深入了解再补充。...先介绍第一种方式,使用命令时,加上一些选项配置: 选项配置 说明 --export=true|false 生成的组件在对应的模块文件中,是否自动 exports 列表中声明该组件好对外公开,默认值 false...ng g directive 这个是创建指令的命令,组件其实是指令的一种,所以,上面介绍的关于组件命令中的各种选项配置,指令这里也基本都可以使用,这里不列举了,清楚相关默认文件来源,不懂的,去翻阅下就可以了

    2.6K10

    Angular10配置webpack打包 「详细教程」

    对于 Angular 项目,推荐使用 angular-cli 创建打包项目 Angular 会默认帮我们配置。...第一步:安装 Angular CLI 你要使用 Angular CLI 来创建项目、创建应用和库代码,并执行多种开发任务,比如测试、打包和发布。 全局安装 Angular CLI。...您的 app.component.ts中使用全局变量VERSION:  import { Component } from '@angular/core';      declare const VERSION...}), 复制代码 模块功能:能够查看到你的文件打包压缩中真正的内容,找出那些模块组成最大的大小,找到错误的模块,优化它!最好的事情是它支持缩小捆绑!它解析它们以获得实际大小的捆绑模块。...创建HTML页面文件到你的输出目录 将webpack打包的chunk自动引入到这个HTML中 1.安装 npm install --save-dev html-webpack-plugin 使用yarn

    5K20

    (翻译)开始使用ABP.CORE模板 (ASP.NET Core with Angular)

    开始一个新使用Angular和 ASP.NET Core 的ABP项目最简单的方法就是通过官方的模板页面来生成模板。切记包含zero模块。...官网完成创建和下载你的项目,跟随后面的步骤来运行你的应用。 下载地址:https://aspnetboilerplate.com/Templates ?...在这个模版中,multi-tenancy默认是启用的,如果需要,你可以core项目中禁用他们 If you have problems with running the application, please...注意,npm安装包时可能会出现一些警告信息,这不是我们的解决方案相关的一般没问题。该解决方案还可以配置yarn上运行,如果你的电脑可以使用yarn,我们建议使用。...确保配置文件中的连接字符串是要数据库。获取主机的连接字符串,它首先创建主数据库或应用的迁移,如果它已经存在。然后它就会获取租户数据库连接字符串和运行的数据库迁移。

    2.9K20

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

    angular-cli 启动 src是开发目录,生产打包后会产生一个dist目录; 初步说下你从启动到浏览器看到app works!依赖了哪些文件,有哪些作用 index.html main.ts // 引入生产模式,控制关闭开发模式的,函数来的 import { enableProdMode } from '@angular/core...enableProdMode(); } // 引导程序启动 platformBrowserDynamic().bootstrapModule(AppModule); polyfill.ts : 要兼容到ie10,安装里面对应的腻子...(polyfill),文件内有详细的注释 typings.d.ts : 全局变量声明的文件 testconfig.*.json: 不同模式下调用的tsconfig配置文件 app目录下(分的很彻底,写起来跟常规基本一样...,ng2的开发模式就是类似一个树,从根节点无限发散 import { NgModule } from '@angular/core'; // 表单模块,比如你要在组件内用到一些表单元素或者数据绑定

    10510

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

    对应的国际官网 GLOSSARY CHEAT SHEET NGMODULE FAQS ARCHITECTURE OVERVIEW 英文水平比较好的推荐国际官网,这边的API更新很及时 ---- angular-cli...app-root> 复制代码 main.ts // 引入生产模式,控制关闭开发模式的,函数来的 import { enableProdMode } from '@angular/core...enableProdMode(); } // 引导程序启动 platformBrowserDynamic().bootstrapModule(AppModule);复制代码 polyfill.ts : 要兼容到ie10,安装里面对应的腻子...(polyfill)..有详细的注释 typings.d.ts : 全局变量声明的文件 testconfig.*.json: 不同模式下调用的tsconfig配置文件 app目录下(分的很彻底,...,ng2的开发模式就是类似一个树,从根节点无限发散 import { NgModule } from '@angular/core'; // 表单模块,比如你要在组件内用到一些表单元素或者数据绑定

    6.2K20

    玩转 Angular 环境变量

    environment.ts 和 environment.prod.ts Angular CLI 发布,越来越多的开发者都是使用 Angular CLI 来创建新的项目: $ ng new PROJECT-NAME...执行上述命令项目根目录的 src/environments 目录下会自动生成两个文件:environment.ts 和 environment.prod.ts 文件: environment.ts...除了自动生成上述两个文件之外,还会自动生成其它的文件,其中就包含 Angular 应用程序的入口文件 —— main.ts: import { enableProdMode } from '@angular/core...而相应的文件替换规则, angular.json 文件中定义: "architect": { "build": { "builder": "@angular-devkit...如果你本地已经安装了 python,可以进入该目录,然后命令行执行: $ python -m SimpleHTTPServer 最后我们浏览器中访问 http://localhost:8000/ 地址

    3.3K20

    Spring Boot 整合 AngularJS

    http://localhost:8080/get返回结果{"2":"Hello Angular"}增加Angular支持---我们使用ng脚手架进行初始化一个新的angular项目.不过需要我们先安装脚手架...npm install -g @angular/cli生成Angular项目ng new angular生成项目的时候会自动安装相关依赖可能会慢,请耐心等待,中间出现的任何输入形式我们只需要回车即可.?...git.创建angula源码目录在src/main/下新建angulars目录,并将刚刚生成的代码文件全部复制到该文件夹下(注意隐藏文件也需要复制)修改app.module.ts引入HttpClient模块增加访问后端服务支持...import {BrowserModule} from '@angular/platform-browser';import {NgModule} from '@angular/core';import... 打包文件部署---打包数据mvn clean package -Dmaven.test.skip=true -X运行打包的文件即可

    48030

    Grunt-cli的执行过程以及Grunt加载原理

    通过本篇你可以了解到: 1 grunt-cli的执行原理 2 nodeJS中模块的加载过程 Grunt-cli原理 grunt-cli其实也是Node模块,它可以帮助我们控制台中直接运行grunt命令...因此当你使用grunt的时候,往往都是先安装grunt-cli,再安装grunt。...当执行grunt命令时,会默认先去全局的grunt-cli下找grunt-cli模块,而不会先走当前目录下的node_modules的grunt-cli。...首先判断加载的模块是否是核心模块: if (core[x]) return x; core其实是个判断方法: module.exports = require('....结论 因此,如果你同时安装了本地的grunt-cli、grunt和全局的grunt-cli、grunt,就不会纳闷为什么grunt-cli执行的是全局的、而grunt执行的是当前目录下的node_modules

    1.2K80
    领券