Node.js 找不到模块“@角度设计套件/建造角度和#x201D;
使用npm,我遵循Angular CLI快速入门页面上的入门说明 在创建并进入我的新项目“前端”后,运行Node.js 找不到模块“@角度设计套件/建造角度和#x201D;,node.js,angular,npm-install,package.json,angular6,Node.js,Angular,Npm Install,Package.json,Angular6,使用npm,我遵循Angular CLI快速入门页面上的入门说明 在创建并进入我的新项目“前端”后,运行ng service--open,出现以下错误: Could not find module "@angular-devkit/build-angular" from "C:\\Users\\Brandon\\project-name\\frontend". Error: Could not find module "@angular-devkit/build-angular" from "
ng service--open
,出现以下错误:
Could not find module "@angular-devkit/build-angular" from "C:\\Users\\Brandon\\project-name\\frontend".
Error: Could not find module "@angular-devkit/build-angular" from "C:\\Users\\Brandon\\project-name\\frontend".
at Object.resolve (C:\Users\Brandon\project-name\node_modules\@angular-devkit\core\node\resolve.js:141:11)
at Observable.rxjs_1.Observable [as _subscribe] (C:\Users\Brandon\project-name\node_modules\@angular-devkit\architect\src\architect.js:132:40)
我试过其他类似问题的建议,但没有效果。答案是运行npm安装--save dev@angular devkit/build angular
我还删除了模块,清除了缓存,然后安装了一个同样不起作用的模块
package.json:
{
"name": "frontend",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "^6.0.2",
"@angular/common": "^6.0.2",
"@angular/compiler": "^6.0.2",
"@angular/core": "^6.0.2",
"@angular/forms": "^6.0.2",
"@angular/http": "^6.0.2",
"@angular/platform-browser": "^6.0.2",
"@angular/platform-browser-dynamic": "^6.0.2",
"@angular/router": "^6.0.2",
"core-js": "^2.5.4",
"rxjs": "^6.0.0",
"zone.js": "^0.8.26"
},
"devDependencies": {
"@angular/compiler-cli": "^6.0.2",
"@angular-devkit/build-angular": "~0.6.3",
"typescript": "~2.7.2",
"@angular/cli": "^6.0.3",
"@angular/language-service": "^6.0.2",
"@types/jasmine": "~2.8.6",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~8.9.4",
"codelyzer": "~4.2.1",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~1.7.1",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~1.4.2",
"karma-jasmine": "~1.1.1",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.3.0",
"ts-node": "~5.0.1",
"tslint": "~5.9.1"
}
}
angular.json:
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"frontend": {
"root": "",
"sourceRoot": "src",
"projectType": "application",
"prefix": "app",
"schematics": {},
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/frontend",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.app.json",
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"src/styles.css"
],
"scripts": []
},
"configurations": {
"production": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true
}
}
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "frontend:build"
},
"configurations": {
"production": {
"browserTarget": "frontend:build:production"
}
}
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"browserTarget": "frontend:build"
}
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"main": "src/test.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.spec.json",
"karmaConfig": "src/karma.conf.js",
"styles": [
"src/styles.css"
],
"scripts": [],
"assets": [
"src/favicon.ico",
"src/assets"
]
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"src/tsconfig.app.json",
"src/tsconfig.spec.json"
],
"exclude": [
"**/node_modules/**"
]
}
}
}
},
"frontend-e2e": {
"root": "e2e/",
"projectType": "application",
"architect": {
"e2e": {
"builder": "@angular-devkit/build-angular:protractor",
"options": {
"protractorConfig": "e2e/protractor.conf.js",
"devServerTarget": "frontend:serve"
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": "e2e/tsconfig.e2e.json",
"exclude": [
"**/node_modules/**"
]
}
}
}
}
},
"defaultProject": "frontend"
}
另一个问题可能是您的开发依赖关系。 请检查它们是否已正确安装(检查它们是否在node_modules文件夹中可用) 如果不是,则快速解决方法是:
npm i --only=dev
或者检查您的npm设置对产品的影响:
npm config get production
如果设置为true,则将其更改为false:
npm config set -g production false
并设置一个新的角度项目
在这里找到了提示:
(ken107和lichunbin814)
希望有帮助
在创建并进入我的新项目“前端”后运行ng serve--open时出现以下错误:
Could not find module "@angular-devkit/build-angular" from "C:\\Users\\Brandon\\project-name\\frontend".
Error: Could not find module "@angular-devkit/build-angular" from "C:\\Users\\Brandon\\project-name\\frontend".
at Object.resolve (C:\Users\Brandon\project-name\node_modules\@angular-devkit\core\node\resolve.js:141:11)
at Observable.rxjs_1.Observable [as _subscribe] (C:\Users\Brandon\project-name\node_modules\@angular-devkit\architect\src\architect.js:132:40)
创建项目后,您需要运行
npm install
要安装package.json中列出的所有依赖项,一分钟前我遇到了同样的问题。我的项目是使用angular cli的V1.6.0生成的 npm更新-g@angular/cli 编辑my package.json更改行 “@angular/cli”:“1.6.0”, 到 “@angular/cli”:“^1.6.0”, npm更新
成功了。我刚刚遇到了这个问题并解决了它。我认为这个问题的根本原因是ng,当前版本的node.js(10.6.0)和附带的npm不同步。我已经安装了node.js(8.11.3)的LTS版本,问题消失了。D:project/contactlist npm install 然后 D:新客户的项目/联系人列表 D:项目/联系人列表/客户服务
出于某种原因,我不得不删除客户机文件夹并从contactlist文件夹启动npm安装。我尝试了每一件事,甚至清除了缓存,最后都成功了。使用
npm update
或者,
运行'npm install--save dev@angular devkit/build angular
`我也遇到了同样的问题,因为它没有安装 @角度开发套件/构建角度 对我有效的答案是: npm i--only=dev
我查看了
node_模块
,显然,只安装了依赖项,而没有安装依赖项。对于新的NPM,我们需要明确地获得devdependency:
npm i --only=dev
如果只希望安装devkit:
npm install @angular-devkit/build-angular
与-ken107(github)联合创意
它是Install@angular-devkit/build-angular-as-dev依赖项。这个软件包是在Angular 6.0中新引入的
npm install --save-dev @angular-devkit/build-angular
如果您使用的是angular version 8,请运行以下命令修复此问题
ng update @angular/cli @angular/core
这对我来说很有效:在命令行中键入
npm audit fix
。之后我可以使用ng serve——再次打开。以上所有操作都不起作用了。。。可能是NPM的一些问题
Yarn
他很有帮助
Yarn Install
如果要从角度7更新到角度8,请执行此操作
ng update @angular/cli @angular/core
有关更多信息,请阅读此处运行以下命令以解决此问题。每当您拉入一个新项目时,很少有依赖项不会被添加到工作目录中。运行以下命令以解决此问题
npm安装--save dev@angular devkit/build angular我尝试了上面列出的所有可能的命令,但没有一个对我有效, 检查Package.json是否包含“@angular devkit/build angular”,如果不只是使用安装(在我的例子中,版本0.803.19有效) 角度装备/建造时的npm i-angular@0.803.19
或者在网站存储库中签出以进行版本选择安装@angular devkit/build angular as dev dependency。这个软件包是在Angular 6.0中新引入的
npm install --save-dev @angular-devkit/build-angular
或者
从angular 6开始,您可以运行下面的命令来修复该问题
npm install --save-dev @angular-devkit/build-angular
或
如果您仍然无法解决问题,您可以从中看到其他选项,尝试安装angular devkit以构建angular项目
npm install --save-dev @angular-devkit/build-angular
要检查的内容,并查看是否有任何帮助:在继续之前,我将删除锁文件和
rm-r node_模块
,并重新安装npm I
。我将关注这个问题,以在以后提供更多帮助。您应该添加它的功能以及它与OP的不同之处(--save dev,non global)。虽然这段代码可以回答这个问题,提供关于如何和/或为什么解决问题的附加上下文将提高答案的长期价值。@学习者尝试此纱线添加@angular devkit/build angular--dev@kashif当前位置哥们儿,我不知道这是什么鬼东西。此命令不在CMD中运行当在问题中使用代码时,请将所有代码放入代码块中:通常,将所有代码行缩进4个空格,或用3个反勾(`
)环绕代码块。对于与非代码在同一行的内联代码,请在代码的每一侧加上一个反勾(`
)。@Learner只是分享在类似情况下对我有用的内容。其他答案在当时对我不起作用,所以它可能对一些人有帮助。我并不是说它总能解决这个错误消息的问题。这对我来说也很有效。npm审计修复--强制作为最后手段
npm install --save-dev @angular-devkit/build-angular