Angular 6 - "@angular-devkit/build-angular" 모듈을 찾을 수 없습니다.
61로 한 후 Angular 6.0.1에서 과 같은 합니다.ng serve:
Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName".
Error: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName".
at Object.resolve (/home/Projects/myProjectName/node_modules/@angular-devkit/core/node/resolve.js:141:11)
at Observable.rxjs_1.Observable [as _subscribe] (/home/Projects/myProjectName/node_modules/@angular-devkit/architect/src/architect.js:132:40)
ng update모든 것이 정상이라고 말합니다.입니다.node_modules한 파일npm install설치도 도움이 되지 않았습니다.
제 프로젝트는 ng2-admin(Angular4 버전)을 기반으로 합니다.여기 제 소포가 있습니다.json 종속 항목:
"dependencies": {
"@angular/animations": "^6.0.1",
"@angular/common": "^6.0.1",
"@angular/compiler": "^6.0.1",
"@angular/core": "^6.0.1",
"@angular/forms": "^6.0.1",
"@angular/http": "^6.0.1",
"@angular/platform-browser": "^6.0.1",
"@angular/platform-browser-dynamic": "^6.0.1",
"@angular/platform-server": "^6.0.1",
"@angular/router": "^6.0.1",
"@ng-bootstrap/ng-bootstrap": "1.0.0-alpha.26",
"@ngx-translate/core": "^10.0.1",
"@ngx-translate/http-loader": "^3.0.1",
"amcharts3": "github:amcharts/amcharts3",
"ammap3": "github:amcharts/ammap3",
"angular-table": "^1.0.4",
"angular2-csv": "^0.2.5",
"angular2-datatable": "0.6.0",
"animate.css": "3.5.2",
"bootstrap": "4.0.0-alpha.6",
"bower": "^1.8.4",
"chart.js": "1.1.1",
"chartist": "0.10.1",
"chroma-js": "1.3.3",
"ckeditor": "4.6.2",
"core-js": "2.4.1",
"easy-pie-chart": "2.1.7",
"font-awesome": "4.7.0",
"fullcalendar": "3.3.1",
"google-maps": "3.2.1",
"ionicons": "2.0.1",
"jquery": "3.2.1",
"jquery-slimscroll": "1.3.8",
"leaflet": "0.7.7",
"leaflet-map": "0.2.1",
"lodash": "4.17.4",
"ng2-ckeditor": "1.1.6",
"ng2-completer": "^1.6.3",
"ng2-handsontable": "^2.1.0-rc.3",
"ng2-slim-loading-bar": "^4.0.0",
"ng2-smart-table": "^1.0.3",
"ng2-tree": "2.0.0-alpha.5",
"ngx-uploader": "4.2.4",
"normalize.css": "6.0.0",
"roboto-fontface": "0.7.0",
"rxjs": "^6.1.0",
"rxjs-compat": "^6.1.0",
"zone.js": "0.8.26"
},
"devDependencies": {
"@angular/cli": "^6.0.1",
"@angular/compiler-cli": "^6.0.1",
"@types/fullcalendar": "2.7.40",
"@types/jasmine": "2.5.38",
"@types/jquery": "2.0.41",
"@types/jquery.slimscroll": "1.3.30",
"@types/lodash": "4.14.61",
"@types/node": "6.0.69",
"codelyzer": "3.0.1",
"gh-pages": "0.12.0",
"jasmine-core": "2.5.2",
"jasmine-spec-reporter": "3.2.0",
"karma": "1.4.1",
"karma-chrome-launcher": "2.0.0",
"karma-cli": "1.0.1",
"karma-coverage-istanbul-reporter": "0.2.0",
"karma-jasmine": "1.1.0",
"karma-jasmine-html-reporter": "0.2.2",
"npm-run-all": "4.0.2",
"protractor": "5.1.0",
"rimraf": "2.6.1",
"standard-changelog": "1.0.1",
"stylelint": "7.10.1",
"ts-node": "2.1.2",
"tslint": "5.2.0",
"tslint-eslint-rules": "4.0.0",
"tslint-language-service": "0.9.6",
"typescript": "^2.7.2",
"typogr": "0.6.6",
"underscore": "1.8.3",
"wintersmith": "2.2.5",
"wintersmith-sassy": "1.1.0"
}
그리고 나의 각진.json:
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"ng2-admin": {
"root": "",
"sourceRoot": "src",
"projectType": "application",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist",
"index": "src/index.html",
"main": "src/main.ts",
"tsConfig": "src/tsconfig.app.json",
"polyfills": "src/polyfills.ts",
"assets": [
"src/assets",
"src/favicon.ico"
],
"styles": [
"node_modules/roboto-fontface/css/roboto/sass/roboto-fontface.scss",
"node_modules/normalize.css/normalize.css",
"node_modules/font-awesome/scss/font-awesome.scss",
"node_modules/ionicons/scss/ionicons.scss",
"node_modules/bootstrap/scss/bootstrap.scss",
"node_modules/leaflet/dist/leaflet.css",
"node_modules/chartist/dist/chartist.css",
"node_modules/fullcalendar/dist/fullcalendar.css",
"node_modules/handsontable/dist/handsontable.full.css",
"node_modules/ng2-slim-loading-bar/style.css",
"src/app/theme/theme.scss",
"src/styles.scss"
],
"scripts": [
"node_modules/jquery/dist/jquery.js",
"node_modules/easy-pie-chart/dist/jquery.easypiechart.js",
"node_modules/jquery-slimscroll/jquery.slimscroll.js",
"node_modules/tether/dist/js/tether.js",
"node_modules/bootstrap/dist/js/bootstrap.js",
"node_modules/handsontable/dist/handsontable.full.js",
"node_modules/chroma-js/chroma.js"
]
},
"configurations": {
"production": {
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true,
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
]
}
}
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "ng2-admin:build"
},
"configurations": {
"production": {
"browserTarget": "ng2-admin:build:production"
}
}
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"browserTarget": "ng2-admin:build"
}
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"main": "src/test.ts",
"karmaConfig": "./karma.conf.js",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.spec.json",
"scripts": [
"node_modules/jquery/dist/jquery.js",
"node_modules/easy-pie-chart/dist/jquery.easypiechart.js",
"node_modules/jquery-slimscroll/jquery.slimscroll.js",
"node_modules/tether/dist/js/tether.js",
"node_modules/bootstrap/dist/js/bootstrap.js",
"node_modules/handsontable/dist/handsontable.full.js",
"node_modules/chroma-js/chroma.js"
],
"styles": [
"node_modules/roboto-fontface/css/roboto/sass/roboto-fontface.scss",
"node_modules/normalize.css/normalize.css",
"node_modules/font-awesome/scss/font-awesome.scss",
"node_modules/ionicons/scss/ionicons.scss",
"node_modules/bootstrap/scss/bootstrap.scss",
"node_modules/leaflet/dist/leaflet.css",
"node_modules/chartist/dist/chartist.css",
"node_modules/fullcalendar/dist/fullcalendar.css",
"node_modules/handsontable/dist/handsontable.full.css",
"node_modules/ng2-slim-loading-bar/style.css",
"src/app/theme/theme.scss",
"src/styles.scss"
],
"assets": [
"src/assets",
"src/favicon.ico"
]
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"src/tsconfig.app.json",
"src/tsconfig.spec.json"
],
"exclude": []
}
}
}
},
"ng2-admin-e2e": {
"root": "",
"sourceRoot": "",
"projectType": "application",
"architect": {
"e2e": {
"builder": "@angular-devkit/build-angular:protractor",
"options": {
"protractorConfig": "./protractor.conf.js",
"devServerTarget": "ng2-admin:serve"
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"e2e/tsconfig.e2e.json"
],
"exclude": []
}
}
}
}
},
"defaultProject": "ng2-admin",
"schematics": {
"@schematics/angular:component": {
"prefix": "app",
"styleext": "scss"
},
"@schematics/angular:directive": {
"prefix": "app"
}
}
}
를 설치합니다.@angular-devkit/build-angular는 Angular 6에서 새롭게 Angular 6.0 패키지입니다.
npm install --save-dev @angular-devkit/build-angular
아니면,
yarn add @angular-devkit/build-angular --dev
npm update
그것은 매력적으로 작동했습니다.
각도 6 이상의
제가 해결할 수 있는 해결책은
npm install
ng update
그리고 마지막으로
npm update
devDependencies를 명시적으로 가져와야 합니다.
npm i --only=dev
다음 명령이 작동하지 않으면,
npm install --save-dev @angular-devkit/build-angular
그런 다음 프로젝트 폴더로 이동하고 다음 명령을 실행합니다.
npm install --save @angular-devkit/build-angular
다음 다섯 단계를 따르십시오.확실히 효과가 있었습니다(제 개인적 경험).
1단계:npm uninstall -g @angular/cli
2단계:npm cache clean --force
3단계:npm install -g @angular/cli@latest
4단계:npm i
5단계:ng build
후에, 후이로그.ng serve.
다음 방법으로 수정했습니다.
node_modules 폴더를 삭제합니다.
려달을
npm install
위의 답변들은 모두 맞았지만 저에게는 효과가 없었습니다.이 작업을 수행할 수 있는 유일한 방법은 다음 단계/명령을 따르는 것이었습니다.
npm uninstall -g @angular/cli@6.0.8
npm cache clean --force
npm install -g @angular/cli@latest
npm install node-sass -g
ng new MY_PROJECT_NAME
cp -r from_my_old_project to_new_MY_PROJECT_NAME
Angular 8의 경우
npm-checkupdates 패키지 설치
실행:
$ npm i npm-check-updates
$ ncu -u
$ npm install
이 패키지는 모든 패키지를 업데이트하고 이 문제를 해결합니다.
알림: 업데이트 후 이 문제가 발생할 경우:
Angular Compiler의 오류로 인해 TypeScript >=3.4.0이 필요하고 <3.6.0이지만 3.6.3이 대신 발견되었습니다.
그런 다음 실행:
$ npm install typescript@3.5.3
소스 링크
npm install 냥입 력그를 입력하세요.npm install그리고 뛰어요.그러면 프로젝트가 오류 없이 실행됩니다.또는 사용할 수 있습니다.npm install --save-dev @angular-devkit/build-angular
이거 드셔보세요.
npm install
npm update
if it's shows something like this.
려달을
npm audit fix그들을 고치기 위해, 또는.npm audit내용은
그렇게 해요!
다음은 저에게 효과가 있었습니다.불행히도, 다른 건 아무것도 하지 않았습니다.
npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/build-angular
ng update --all --allow-dirty --force
다음 명령이 작동합니다.
npm install
ng update
- "우리는 당신의 패키지를 분석했습니다."라는 메시지를 볼 수 있습니다.json과 모든 것이 정상인 것 같습니다.수고하셨습니다!"
npm update
그럼 개발 빌드를 시도해 보세요.
ng build
다음으로 다운그레이드된 스크립트 유형에 대한 오류가 발생했습니다.
npm install typescript@">=3.1.1 <3.2
ng build --prod
Prod 빌드를 통한 모든 성공.
아래는 작업 조합입니다.
ng --version
Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.11.0
@angular-devkit/build-angular 0.11.0
@angular-devkit/build-optimizer 0.11.0
@angular-devkit/build-webpack 0.11.0
@angular-devkit/core 7.1.0
@angular-devkit/schematics 7.1.0
@angular/cli 7.1.0
@ngtools/webpack 7.1.0
@schematics/angular 7.1.0
@schematics/update 0.11.0
rxjs 6.3.3
typescript 3.1.6
webpack 4.23.1
나를 위한 효과적인 해결책:
node_modules 폴더를 삭제합니다.
려달을 합니다.
npm install
npm install --save-dev @angular-devkit/build-angular@latest
해결해줬어요
삭제 번첫삭제node_modules 더
그런 다음 시스템을 다시 시작합니다.
려달을 합니다.npm install --save-dev @angular-devkit/build-angular
그리고.
려달을 합니다.npm install
가 다과같은명실때와 같은 때.ng serve로컬 버전의 @vmdk/cli를 사용합니다.따라서 먼저 최신 버전의 @angular/cli를 로컬로 설치합니다(-g 플래그 없이).그런 다음 다음 다음을 사용하여 클리닝을 업데이트합니다.ng update @angular/cliㅠㅠㅠㅠ 이 그 해야 한다고 합니다.저는 이것이 그 문제를 해결할 것이라고 생각합니다.합니다.
각진 프로젝트 https://update.angular.io/ 을 업데이트하는 경우 이 링크가 도움이 될 수 있습니다.
이 오류는 일반적으로 각도 프로젝트가 완전히 구성되지 않은 경우에 발생합니다.
이것은 효과가 있을 것입니다.
npm install --save-dev @angular-devkit/build-angular
npm install
다음 명령을 실행하기만 하면 오류가 해결되었습니다.
ng update @angular/cli @angular/corenpm uninstall @angular-devkit/build-angularnpm install --save-dev @angular-devkit/build-angular위의 명령으로 이 오류를 해결할 수 없는 경우 노드 버전을 업데이트합니다.
- npm 업데이트 npm -g
사용:
npm i --save-dev @angular-devkit/build-angular
는 이코는설다를 설치합니다.@angular-devkit/build-angular개발 의존도로서.
100% 테스트를 거쳤습니다.
Angular 버전을 업데이트하고 다음 종속성을 추가하기만 하면 됩니다.
ng update
npm update
npm i @angular-devkit/build-angular
https://www.npmjs.com/package/ @build-devkit/build-devkit
각 프로젝트를 생성한 폴더로 이동하여 node_modules 폴더를 삭제합니다.
이제 명령 프롬프트를 열고 cd를 사용하여 실행할 프로젝트를 입력합니다.
명령 입력
npm i
or
npm install
이제 명령 프롬프트가 프로젝트에 새 node_modules 파일 설치를 시작합니다.
node_modules가 설치되면 명령을 사용하여 프로젝트를 실행합니다.
ng s --o
위의 방법이 작동하지 않으면 npm에서 버전이 약간 일치하지 않은 다음 node_modules를 설치하려고 시도합니다.
npm update
일반적으로 이 방법은 작동하지 않으면 작동해야 하며 다음 명령을 실행해 보십시오.
npm install --save-dev @angular-devkit/build-angular
세부 정보 및 대체 솔루션:모듈 "@angular-devkit/build-angular"를 찾을 수 없습니다.
저는 조금 전에도 같은 문제로 고생했습니다.제 프로젝트는 v1.6.0의 angular-cli를 사용하여 생성되었습니다.
1. npm update -g @angular/cli
2. editing my package.json changing the line
"@angular/cli": "1.6.0",
to
"@angular/cli": "^1.6.0",
3. npm update
제 도움이 효과적이길 바랍니다 »
먼저 사용해 보십시오.
npm install --save-dev @angular-devkit/build-angular
누락된 패키지에 대한 오류가 다시 발생하면 시도합니다.
npm install
그건 저에게 효과가 있습니다. 약속하고 나서:
ng update @angular/cli @angular/core
npm install --save-dev @angular/cli@latest
노드를 v9에서 v10으로 업그레이드한 후 오늘도 같은 문제가 발생했습니다.
내 환경은 도커에 의해 설정되어 있고 나는 내 도커 파일에서 이 명령을 제거해야 했습니다.
npm link @angular/cli
노드가 설치된 디렉토리에 대한 심볼 링크를 만듭니다.
제 생각엔.angular/cli그 안에 있는 모듈은 내 프로젝트의 node_dir에 있는 모듈과 동일한 버전이 없으며, 이로 인해 문제가 발생합니다.
이전 버전의 Angular에서 만든 라이브러리가 있습니다.
이제 최신 버전 11로 업그레이드했으니 빌드가 실패할 것입니다.
실제로, 건축업자가 바뀌었습니다.
를 할때.ng build나는 약간 비슷한 오류 메시지였습니다.
Cannot find module '@angular-devkit/build-ng-packagr/package.json'
angular.json파일 작성자 속성을 변경해야 했습니다.
"builder": "@angular-devkit/build-ng-packagr:build",
포함:
"builder": "@angular-devkit/build-angular:ng-packagr",
- node_modules를 삭제합니다.
- 다음을 사용하여 캐시 지우기
npm cache clean --verify. - 그리고 나서.
npm install다시.
저한테는 매력적으로 작용합니다.
저도 같은 문제에 직면했습니다.
놀랍게도, 그것은 단지.version에 명시된.package.json필요한 형식이 아닙니다.
버전에서 전환했습니다."version": "0.1"로."version": "0.0.1"그리고 그것은 문제를 해결했습니다.
Angular는 세 부분으로 이루어진 의미론적 버전화가 필요합니다(Semver도 읽음).
의 최신 버전에 문제가 있었습니다.@angular-devkit/build-angular(이 문서를 작성한 시점에서 11.0.5는 17시간 전에 출시되었습니다.)
당사는 Nexus Repository Manager를 npm 레지스트리로 사용하고 있습니다(https://registry.npmjs.org/ 에 직접 액세스하지는 않습니다).버전이 너무 새로워서 아직 Nexus에 포함되지 않았습니다.
리포지토리의 캐시를 무효화하는 중입니다.npm install문제를 해결했습니다.
언급URL : https://stackoverflow.com/questions/50333003/angular-6-could-not-find-module-angular-devkit-build-angular
'source' 카테고리의 다른 글
| Azure Key Vault의 키와 비밀의 차이점은 무엇입니까? (0) | 2023.05.02 |
|---|---|
| 자바스크립트에서 배열에서 특정 항목을 제거하려면 어떻게 해야 합니까? (0) | 2023.05.02 |
| SQL Server: 개체 이름의 최대 문자 길이 (0) | 2023.05.02 |
| asp.net Core를 사용한 마이그레이션을 위해 출력 폴더를 변경하는 방법은 무엇입니까? (0) | 2023.05.02 |
| 윈도우에 알림 같은 것이 있습니까? (0) | 2023.05.02 |