builder @angular-devkit/build-angular:dev-server on server 명령에 대한 구현을 찾을 수 없습니다.
저는 이에 따라 각진 CLI를 업데이트하려고 했지만, 지금은 앱을 실행할 수 없습니다.명령을 실행하려고 할 때ng serve다음과 같은 오류가 발생합니다.
Could not find the implementation for builder @angular-devkit/build-angular:dev-server
Error: Could not find the implementation for builder @angular-devkit/build-angular:dev-server
at WorkspaceNodeModulesArchitectHost.resolveBuilder (C:\Users\Lupus\Documents\full-stack-projects\financial-app-ui\node_modules\@angular\cli\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js:49:19)
at ServeCommand.initialize (C:\Users\Lupus\Documents\full-stack-projects\financial-app-ui\node_modules\@angular\cli\models\architect-command.js:135:55)
at process._tickCallback (internal/process/next_tick.js:68:7)
at Function.Module.runMain (internal/modules/cjs/loader.js:745:11)
at startup (internal/bootstrap/node.js:283:19)
at bootstrapNodeJSCore (internal/bootstrap/node.js:743:3)
저는 제가 찾을 수 있는 모든 것을 시도했습니다.
- 저는 를고명설사다음수동로으devkit치했라는 를 설치하려고 .
npm install --save-dev @angular-devkit/build-angular - 는 명을실행고했습다니려 하려고 했습니다.
npm i --only=dev - 명령을 실행하려고 했습니다.
:
npm install
ng update
npm update
- 를 했습니다.
node_modules및 폴및 더package-lock.json파일을 작성하고 명령을 모두 다시 실행했습니다.
아무 것도 효과가 없었습니다. 중입니다.ng v다음과 같은 정보를 제공합니다.
Angular CLI: 8.0.3
Node: 10.15.0
OS: win32 x64
Angular: 8.0.1
... animations, cdk, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router
Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.13.9
@angular-devkit/build-angular 0.13.9
@angular-devkit/build-optimizer 0.13.9
@angular-devkit/build-webpack 0.13.9
@angular-devkit/core 7.3.9
@angular-devkit/schematics 8.0.3
@angular/cli 8.0.3
@ngtools/webpack 7.3.9
@schematics/angular 8.0.3
@schematics/update 0.800.3
rxjs 6.5.2
typescript 3.4.5
webpack 4.29.0
그리고 내 소포.json은 다음과 같습니다.
{
"name": "financial-app-ui",
"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": "^8.0.1",
"@angular/cdk": "^8.0.1",
"@angular/common": "^8.0.1",
"@angular/compiler": "^8.0.1",
"@angular/core": "^8.0.1",
"@angular/forms": "^8.0.1",
"@angular/platform-browser": "^8.0.1",
"@angular/platform-browser-dynamic": "^8.0.1",
"@angular/router": "^8.0.1",
"core-js": "^2.6.9",
"font-awesome": "^4.7.0",
"primeicons": "^1.0.0",
"primeng": "^7.1.3",
"rxjs": "~6.5.2",
"tslib": "^1.10.0",
"zone.js": "~0.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.13.9",
"@angular/cli": "^8.0.3",
"@angular/compiler-cli": "^8.0.1",
"@angular/language-service": "^8.0.1",
"@types/jasmine": "~2.8.8",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~8.9.4",
"codelyzer": "~4.5.0",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.0.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~1.1.2",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.11.0",
"typescript": "~3.4.5"
}
}
다른 제안할 사람이 있습니까?
빌드 앵글 패키지를 다시 설치하여 이 작업을 수행했습니다.설치 명령의 '--save-dev' 플래그를 확인합니다.
npm uninstall @angular-devkit/build-angular
npm install --save-dev @angular-devkit/build-angular
다음 명령을 사용하여 문제를 해결했습니다.
ng update @angular/cli @angular/core --allow-dirty --force
다음 명령을 사용하여 @angular-devkit/build-angular 패키지를 설치하여 이 문제를 해결할 수 있었습니다.
npm install @angular-devkit/build-angular --force
저도 같은 문제가 있었습니다.단 두 번의 명령으로 문제가 해결되었습니다.
npm uninstall @angular-devkit/build-angular
npm install --save-dev @angular-devkit/build-angular
//OR
npm install @angular-devkit/build-angular
이게 안 되면요.걱정하지 마시고 이 명령을 실행하십시오.
ng update @angular/cli @angular/core --allow-dirty --force
ng update의 당을위버업합야니다어했트데에 대한 .@angular-devkit/build-angular
저도 이것에 부딪혔고 제가 한 일은 새로운 Angular 앱을 만들고 그것을 보장했습니다.ng serve새로 만든 Angular 앱에서 잘 작동했습니다.그런 다음 작동하는 Angular 앱에서 다음을 복사하여 사용했습니다.package.json즉, 다음과 같습니다.
`"@angular-devkit/build-angular": "~0.802.2",`
을 실행해야 .npm install
(버전은 각 Angular 업데이트에 따라 변경될 가능성이 높습니다. 따라서 ng 업데이트가 아직 업데이트되지 않은 경우 내가 설명한 단계를 따라 사용해야 하는 버전을 확인하십시오.)
각진.json에 이 구성이 있는지 확인합니다.
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "angular8:build"
},
"configurations": {
"production": {
"browserTarget": "angular8:build:production"
}
}
}
그리고 이 패키지를 설치했는지 확인합니다.
@angular-devkit/build-angular
저도 같은 문제를 겪고 있지만, 저의 경우 Angular 프로젝트의 다운로드된 템플릿을 제공하려고 합니다.처음에는 잠시 후에 이 오류가 발생했습니다.ng serve --open 명령terminal 명령.
처리되지 않은 예외가 발생했습니다.
"D:\WORK\Desarrolo\plantillas descargadas\argon-dashboard-angular-master"에서 "@angular-devkit/build-angular" 모듈을 찾을 수 없습니다.
스택 오버플로 질문(https://stackoverflow.com/a/50333128, )에 따라 해결했지만 다음과 같은 경고가 표시되었습니다.
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN @ngtools/webpack@7.3.1 requires a peer of @angular/compiler-cli@>=5.0.0
<8.0.0 || ^7.0.0-beta.0 but none is installed. You must install peer dependencies
yourself.
npm WARN ajv-keywords@3.4.1 requires a peer of ajv@^6.9.1 but none is installed. You
must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9
(node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for
fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current:
{"os":"win32","arch":"x64"})
그러나 다음 명령을 시도한 후 다음 오류가 발생했습니다.
ng serve --open
처리되지 않은 예외가 발생했습니다.builder @angular-devkit/build-angular:dev-server에 대한 구현을 찾을 수 없습니다.
node_modules 폴더에 현재 연결 속도로 인해 일부 파일이 누락된 것을 발견했습니다.어쨌든 저는 다른 컴퓨터를 사용해 보았습니다. 다른 곳에서 프로젝트 자체의 복제본을 열고 다음 명령을 실행했습니다.
npm update
그런 다음 .rar 파일의 프로젝트를 작업 중인 컴퓨터로 가져와 압축을 풀고 VS 코드를 실행하면 완벽하게 작동합니다.
에서 이 을 angular.json 에서 변경합니다."builder": "@angular-builders/build-angular:browser","builder": "@angular-devkit/build-angular:browser",내 문제를 해결했습니다.
이 오류가 발생했기 때문에 0.6.x와 같은 이전 버전의 Angular Dev를 사용하는 앱을 사용하고 있을 수 있습니다.
단순히 제거했다가 다시 설치하는 경우 "모듈 '@angular/compiler-cli/src/tooling' 또는 "모듈 '@angular/compiler-cli/ngcc'를 찾을 수 없습니다."와 같은 다른 오류가 발생했을 가능성이 높습니다.
업데이트만으로 문제를 해결한 경우 다음 사항은 잊어버립니다.
빌드 오류와 ngcc 오류가 발생하지 않는 다음 버전(0.6.5 대비)을 사용하는 것이 가장 좋습니다.
저의 경우 빌드 오류와 ngcc 오류 사이에 올바른 버전이 있습니다.
이것은 저에게 효과가 있었습니다.
업데이트 특공대입니다.ng update
이를 실행하면 업데이트해야 하는 다른 패키지 목록이 표시될 수 있습니다.
제안된 대로 이러한 패키지를 수동으로 설치합니다.
이 후에는 실행 중입니다.ng serve에서 오류가 발생했습니다.angular.json누락된 것에 tsconfig.app.json파일. 이 링크에서 수동으로 추가했습니다. 또한 추가했습니다.tsconfig.spec.jsonjava.
바로 그거야, 나는 달렸습니다.ng serve프로젝트가 성공적으로 완료되었습니다.
컴퓨터에 npm 7+가 설치되어 있는 경우 터미널에서 다음 명령을 사용해 보십시오.
npm install --legacy-peer-deps servernpm을 하고 server를 합니다.
이전 버전에서 프로젝트 빌드를 실행하는 동안 동일한 문제에 직면했지만 위의 솔루션 중 어떤 것도 도움이 되지 않았습니다.드디어 해결책을 찾아 당신과 공유하게 되었습니다.
두 번 확인 버전:나는 보았습니다.package.json모든 Angular/Webkit 프로그램의 모든 버전을 확인하고 오류를 제공하는 프로그램을 제거합니다. 다음과 같은 스크립트 오류를 입력합니다.rxjs그리고.googlemaps.
제거합니다.package-lock.jsonAngular, Webkit, Typescript 등의 올바른 버전을 모두 추가합니다.이전 버전이 무엇을 렌더링하는지 확인합니다.이것은 npmjs.com 의 패키지에 대한 버전 기록을 살펴보고 날짜/연령 및 버전 번호별로 일치하는 것을 의미합니다.변경 내용package.json그리고 저장합니다.
"dependencies" {
"@agm/core": "1.0.0",
"@angular/cdk": "6.1.0",
"rxjs": "6.0.0",
"rxjs-compat": "6.0.0",
...
},
...
"devDependencies": {
"@angular-devkit/build-angular": "0.6.1", // old: "^6.1.0",
"@angular/cli": "6.1.0", // new: "6.1.0",
"@angular/compiler-cli": "6.1.0",
"typescript": "2.7.2"
...
}
이전 모듈을 모두 제거하여 새로 시작합니다.
rm -fR ./node_modules/@angular; rm -fR ./node_modules/@angular-devkit/; rm -fR ./node_modules/typescript; rm -fR ./node_modules/rxjs*; rm package-lock.json;
그런 다음 다시 설치:npm install;
.Pug Template Fix: 사용 중입니다..pug로더를 수동으로 패치해야 했습니다.node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/common.js웹 팩이 Pug 파일을 렌더링하도록 허용합니다.다음 뒤에 이 줄 추가html해당 파일 내의 규칙:
{ test: /.pug$/, use: [ { loader: "apply-loader" }, { loader: "pug-loader" } ] },.
이것은 무엇을 모방하는 것입니다.ng-add-pug-loader.js파일이 Angular 버전 6에서 .pug 파일을 로드하는 중입니다.
언급URL : https://stackoverflow.com/questions/56623458/could-not-find-the-implementation-for-builder-angular-devkit-build-angulardev
'codememo' 카테고리의 다른 글
| Swift를 사용하여 iOS에서 SMS 보내기 (0) | 2023.08.01 |
|---|---|
| PHP Ajax 업로드 진행률 표시줄 (0) | 2023.07.27 |
| 서비스 계정을 변경하는 Powershell 스크립트 (0) | 2023.07.27 |
| 중첩 종속성을 "yarn"으로 재정의하려면 어떻게 해야 합니까? (0) | 2023.07.27 |
| 스프링: web.xml의 네임스페이스 대 contextConfigLocation init 매개 변수 (0) | 2023.07.27 |