Angular-cli: AOT 빌드 실패

나는 같은 문제를 발견했고 npm i [email protected] 후에 AOT로 빌드할 수 있습니다.

여기서도 같은 문제

@mchmielarski 아주 좋은 추측이네요 👍

여기도 마찬가지입니다.
해결 방법 : npm install [email protected]

솔루션에 감사드립니다. 이 문제로 인해 아침 내내 비용이 발생했습니다.
[email protected] 추가하면 해결되었습니다.

여기도 마찬가지입니다.
[email protected] 이 문제를 해결했습니다.

여기도 마찬가지!

[email protected]이 해결했습니다!

이 문제에 대해 신에게 감사합니다. 하루 종일이 문제를 해결했습니다.

" [email protected] "을 사용한 해결 방법은 Mac OS에서는 작동하지만 Linux에서는 작동하지 않는 것 같습니다!? 누구든지 이 행동을 확인할 수 있습니까?

나를 위해 리눅스 우분투 16.04에서 작동

같은 문제입니다.

여러분, Angular-Cli에 대해 고정 종속성 버전을 사용해야 합니다. 새 버전의 하위 종속성에는 예상치 못한 것이 있기 때문에 모든 것이 중단되는 것은 백만 번째입니다...

angular-cli 버전은 이미 1.3.1로 수정되었지만 여전히 이 오류가 있습니다.

저에게도 같은 문제입니다. Ubuntu Server에서 [email protected] 해결되었습니다.

아침의 처음 2시간을 RIP합니다.

3.3.0에서도 작동했습니다.

여전히 3.4.1에서도 AOT에 오류가 있습니다. 또한 개발 중에 environment.ts는 적절한 환경 파일로 덮어쓰여지지 않습니다.

이것은 모든 빌드를 깨고 오늘 놀라운 재미를 가졌습니다! PLZ PLZ PLZ는 고정 종속성으로 이동합니다.

[email protected] 문제가 여전히 존재합니다. 동일한 문제가 나타납니다.
지금은 3.3.0 에

새로 설치된 angular/cli 1.2.0으로 새 프로젝트를 만들 때도 실패합니다 :(
저는 패키지 관리를 위해 원사를 사용했습니다.

동일한 문제가 있습니다. npm install [email protected] 은(는) 일시적으로 문제를 해결했지만 이미 실행 중인 프로젝트에 추가로 설치된 경우에만 해당됩니다. 신선한 통해 배포와 함께 설치 npm install 이 종속 세트 package.json 작동하지 않습니다.

이것은 실행 중인 배포 파이프라인과 전체 프로덕션 설정을 중단시키기 때문에 주요 버그입니다.

Windows를 사용 중이고 [email protected] 해도 작동하지 않습니다.

@mscherer82 npm install 실행하셨나요? 그렇다면 node_modules 삭제하고 다시 실행할 수 있습니다. 그것은 나를 위해 일했습니다.

@angelnikolov 예, node_modules 삭제하고 모든 패키지를 다시 설치했습니다.

흠, npm ls 실행해보고 이것이 enhanced-resolve 버전인지 확인해 주시겠습니까?
+-- [email protected]

@pvanhemmen
npm 설치 후에 Enhanced-resolve를 설치해야 합니다. 일시적인 해결로 괜찮습니다.

@vicetjs 그것이 제가 한 일이며 저에게도 효과가 있는 유일한 방법입니다. 도와주셔서 감사합니다!

내 빌드 서버를 행복하게 만들기 위해 angular/ngtools-webpack-builds를 분기하고 enhanced-resolve at 3.3.0 고정한 다음 angular/cli-builds 가 내 ngtools 를 가리키도록 분기했습니다 package.json 를 "@angular/cli": "github:benelliott/cli-builds#24a8837" 로 변경하여 사용해 볼 수 있습니다(그러나 두 라이브러리 모두 특정 버전이 아니라 마스터에 있음).

@pvanhemmen [email protected] 설치 후 npm shrinkwrap 를 사용하여 새로 설치하여 배포할 수 있었습니다. 이것은 내 Jenkins 빌드 파이프라인이 다시 잘 작동하도록 했습니다.

이것은 또한 업스트림 종속성 파손이 미래에 내 프로젝트에 해를 끼치는 것을 방지해야 합니다. :)

@bmcswee 굉장합니다, 팁

npm list 가) 주었습니다:

+-- @angular/[email protected]
| +-- @ngtools/[email protected]
| +-- @ngtools/[email protected]
| | +-- [email protected]
...
| +-- [email protected]
...
| | +-- [email protected] deduped
...
+-- [email protected]

Enhanced-resolve 3.3.0을 설치하면 문제가 해결되었습니다. 감사합니다!

[email protected] 이 내 프로젝트에 도움이 되었습니다. 누군가 이 패키지의 기능을 설명해 주시겠습니까?

https://github.com/angular/angular-cli/issues/4551 몇 달 전 회귀.

@jakeNiemiec 이것은 나중에 Angular 팀이 버그를 수정하는 시점에 패키지를 제거해야 한다는 것을 의미합니다. 그렇죠?

건배!

여러분, [email protected] 우회가 내 프로젝트에서 작동하지 않습니다. 나는 여전히 같은 오류가 있습니다. 이 문제에 대한 업데이트가 있습니까?

@andreasonny83 정확히 이 명령을 실행하셨습니까?

npm i [email protected]

Angular CLI와 Node도 업데이트해야 합니다.

명확히 하자면 (
❌하지 작업 (이것은 무엇 것인가 npm@^5 내에 넣어 package.json 내가 달릴 때 npm i [email protected] ) :
"enhanced-resolve": "^3.3.0" ,
✅ 작동합니다:
"enhanced-resolve": "3.3.0",

아래 @Guston의 자세한 설명을 https://github.com/angular/angular-cli/issues/7113#issuecomment -317483817

jakeNiemiec 의견도 저에게 효과적이었습니다. 이 주요 변경 사항에 대해 계획된 수정 사항이 있습니까?

안녕하세요 여러분,

이것은 webpack 의 종속성 enhanced-resolve 의 버그/중요 변경인 것 같습니다. 이에 대해 Webpack 유지 관리자와 대화를 시도할 것입니다.

한편 package.json "enhance-resolve": "3.3.0" 에 고정합니다.

편집: enhanced-resolve 는 https://github.com/webpack/enhanced-resolve/issues/98입니다.

@filipesilva @ngtools/webpack 의 직접적인 종속성이기도 합니다.

@benelliott 좋은 지적.

@lsunkara AFAIK는 모든 사람에게 바람직하지 않을 수 있는 non-aot 빌드를 생성합니다.

@warmans 가 맞습니다. --prod 플래그의 효과는 https://github.com/angular/angular-cli/wiki/build# --dev-vs---prod-builds를 참조

@bmcswee :+1: 저는 이제 모든 것에 shrinkwrap --dev를 추가하고 있습니다. npm 패키지의 이러한 모든 주요 변경 사항에 지쳐서 좀 더 훈련이 필요합니다. 그래서 모두에게 좋은 팁입니다.

@warmans , 동의합니다. ng build --env=prod는 바람직하지 않습니다. 3.3.0에 대한 Enhanced-resolve에 대한 고정만 작동합니다.
감사 해요.

enhance-resolve 리포지토리의 관련 문제:

• https://github.com/webpack/enhanced-resolve/issues/98 @H--ol
• https://github.com/webpack/enhanced-resolve/issues/107~~ 에 찬성 @filipesilva에 의해 폐쇄 https://github.com/webpack/enhanced-resolve/issues/98

3.3.0 이후 변경 사항 .

나를 위해이 오류를 수정하는 것은 없습니다.
이미 이 스레드에 작성된 모든 것을 시도했습니다.

다른 사람이 한 경우 알려주세요!

@renatop7 여기에 있는 해결 방법 제안 중 일부는 실제로 package.json 적절한 버전을 저장하지 않을 것이라고 생각합니다. 해결 방법은 다음과 같습니다.

1. 에 대한 모든 참조 제거 enhanced-resolve 에서 당신의 package.json (이미 다른 해결책의 일부가있는 경우)
2. 다음 명령을 실행합니다. npm i -DE [email protected] ( -DE 는 npm4와 npm5 사이에서 일관되게 작동해야 함)
3. (선택 사항) node_modules 폴더를 삭제하여 새로 설치해도 작동하는지 확인합니다.
4. npm install , 프로덕션 빌드 실행

편집: 또한 npm5 사용하는 경우 package-lock.json 재생성하려고 합니다(4단계 전에 삭제). 이것이 너무 많은 사람들에게 적용되지 않는다고 생각합니다. 잠금 파일이 있는 경우 빌드가 중단되지도 않았을 것입니다.

@Guston 의 아주 좋은 단계별 가이드입니다. 감사합니다!

@gustorn 또한 올바른 버전을 얻으려면 npm 캐시를 지워야 했습니다.

@warmans -E 플래그를 통과했습니까? 고궁 박물원 캐시없이 패키지의 특정 버전을 요구해서는 안 경우 (또는 얻을 않으면 그것은 잘못된 나는 NPM의 버그 주장 할 것).

@HirenParekh @ngtools/webpack 가 enhanced-resolve 의 버전을 잠그지 않기 때문입니다. 1.1.1 릴리스 의 package.json 파일을 보면 버전이 ^3.1.0 임을 알 수 있습니다. npm은 새로 설치할 때 패키지의 최신 semver 호환 버전을 설치합니다. 이 경우에는 3.4.0 버전입니다.

편집: 분명히 내가 답장한 두 번째 댓글이 삭제되었습니다. 설명이 누군가에게 유용할 수 있으므로 질문은 기본적으로 다음과 같습니다.

@angular/[email protected] 다운그레이드해도 문제가 해결되지 않는 이유는 무엇입니까?

@filipesilva @yyx990803이 지적한 vue-cli AoT 문제와 관련이 있을 수 있습니까?
https://github.com/webpack/enhanced-resolve/commit/03ef8f2b8d25bc976993eade7b1ed9caa2c7d0e1#commitcomment -23261583

편집: 분명히 하기 위해 https://github.com/webpack/enhanced-resolve/pull/100에 대한 수정 사항은 이 문제를 수정하지 않습니다.

1. npm i
2. npm i [email protected]

1.npm 클린 캐시

1. node_modules 삭제
2. package.json에 "enhanced-resolve": "3.3.0"을 추가하십시오.
3. npm 설치 실행
   그런 다음 "ng build --prod" 명령을 테스트합니다.

나를 위해 문제를 해결했습니다.

이 문제를 해결하기 위해 1.2.4 / 1.3.0-rc.1 을 출시했습니다. 업데이트하면 다른 조치가 필요 없이 이 문제가 완전히 방지됩니다.

빠른 응답과 문제에 대한 제로화에 대해 @sokra 에게 큰 감사를 드립니다.

angular-cli의 최신 1.2.4로 업데이트된 ^1.0.0으로 프로젝트를 빌드하려고 시도했는데 문제가 해결되었습니다.

빠른 처리에 감사드립니다.

osx에서 버전 1.2.4를 사용하는 @filipesilva , 원사와 함께 설치된 작업이 작동하지 않음

버전 1.3.0-rc.1에서는 다음을 볼 수 있습니다.

ERROR in ./src/main.ts
Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in '/Users/john/Workspace/tcabs2/ui/src'
resolve './$$_gendir/app/app.module.ngfactory' in '/Users/john/Workspace/tcabs2/ui/src'
  using description file: /Users/john/Workspace/tcabs2/ui/package.json (relative path: ./src)
    Field 'browser' doesn't contain a valid alias configuration
  after using description file: /Users/john/Workspace/tcabs2/ui/package.json (relative path: ./src)
    using description file: /Users/john/Workspace/tcabs2/ui/package.json (relative path: ./src/$$_gendir/app/app.module.ngfactory)
      no extension
        Field 'browser' doesn't contain a valid alias configuration
        /Users/john/Workspace/tcabs2/ui/src/$$_gendir/app/app.module.ngfactory doesn't exist
      .ts
        Field 'browser' doesn't contain a valid alias configuration
        /Users/john/Workspace/tcabs2/ui/src/$$_gendir/app/app.module.ngfactory.ts doesn't exist
      .js
        Field 'browser' doesn't contain a valid alias configuration
        /Users/john/Workspace/tcabs2/ui/src/$$_gendir/app/app.module.ngfactory.js doesn't exist
      as directory
        /Users/john/Workspace/tcabs2/ui/src/$$_gendir/app/app.module.ngfactory doesn't exist
[/Users/john/Workspace/tcabs2/ui/src/$$_gendir/app/app.module.ngfactory]
[/Users/john/Workspace/tcabs2/ui/src/$$_gendir/app/app.module.ngfactory.ts]
[/Users/john/Workspace/tcabs2/ui/src/$$_gendir/app/app.module.ngfactory.js]
[/Users/john/Workspace/tcabs2/ui/src/$$_gendir/app/app.module.ngfactory]
 @ ./src/main.ts 3:0-74
 @ multi ./src/main.ts

버전 1.2.4는 원사 설치가 아닌 npm 설치에서 작동합니다.

@mildfuzz 제거하려고 당신의 yarn.lock , 아마 유지하는 것 [email protected] 주위. 다음 yarn 에서 다시 빌드됩니다.

다트 없음, CI 서버가 작동하는지 확인하기 위해 빌드 사이에 yarn.lock 및 node_modules를 제거했습니다.

rm -rf yarn.lock && rm -rf node_modules && yarn install && ng build -prod 이(가) 작동하지 않습니다.

rm -rf yarn.lock && rm -rf node_modules && npm i && ng build -prod 작동합니다(npm 5.3.0 사용)

여기에 같은 : 문제가 존재 rc.0 에 존재하는 것으로 보인다 rc.1 도.

node_modules, yarn.lock + yarn cache clean 제거한 다음 처음부터 모든 것을 다시 설치 - 문제가 해결되지 않음 ;/

추신: 오류 메시지에 차이가 있습니다. 내용은 동일하지만 rc.0에서는 들여쓰기 없이 인쇄되었습니다. 이제 @mildfuzz로 붙여넣은 것처럼 좋은 들여쓰기가 있습니다 ;-)

원사 설치도 시도했습니다. 올바른 버전 3.3.0을 설치하는 것 같지만 ng build --prod 가 실패합니다.

우리 프로젝트에서 원사를 사용하지 않고 호기심에서 시도했습니다.

방금 시도

npm install -g @angular/cli
ng -v 
 -returns version 1.2.4
npm new aottest
cd aottest
ng build --prod

실패 없이 작동
원사 또는 원사 구성을 사용하지 않고 npm만 사용

@mildfuzz @ryzy yarn list enhanced-resolve 는) 무엇을 보여줍니까? 또한 yarn why enhanced-resolve .

@필리페실바

원사 목록 v0.27.5
└─ [email protected]
1.26초 안에 완료됩니다.

맞아요, 거기에 뭔가 문제가 있는 게 분명해요. 우리는 그것을 3.3.0 고정하고 있으므로 yarn은 3.4.1 설치하지 않아야 합니다. yarn why enhanced-resolve 를 실행하여 왜 해결되는지 확인할 수 있습니까?

[1/4] "enhanced-resolve" 모듈이 있는 이유는...?
[2/4] 종속성 그래프 초기화 중...
[3/4] 의존성을 찾는 중...
[4/4] 파일 크기 계산 중...
정보 이 모듈이 존재하는 이유

• "@angular/cli#@ngtools/webpack"에 따라 다릅니다.
• "@angular/cli#webpack"에 따라 다릅니다.
  info 종속성이 없는 디스크 크기: "196kB"
  정보 고유 종속성이 있는 디스크 크기: "328kB"
  정보 전이 종속성이 있는 디스크 크기: "820kB"
  info 공유 종속성 수: 12
  1.61초 안에 완료됩니다.

yarn why enhanced-resolve

이 모듈이 존재하는 이유

• "awesome-typescript-loader"는 그것에 달려 있습니다.
• "webpack"에 따라 다릅니다.

우리의 뎁

"@angular/cli": "1.3.0-rc.0",
"@angular/compiler-cli": "4.1.3",
"@angular/animations": "4.1.3",
"@angular/common": "4.1.3",
"@angular/compiler": "4.1.3",
"@angular/core": "4.1.3",
"@angular/forms": "4.1.3",
"@angular/http": "4.1.3",
"@angular/platform-browser": "4.1.3",
"@angular/platform-browser-dynamic": "4.1.3",
"@angular/platform-server": "4.1.3",
"@angular/router": "4.1.3",
"rxjs": "5.4.2",
"zone.js": "0.8.14"

@thegitty @angular/cli 어딘가에 링크된 것 같은데 ... @angular/cli 는 enhanced-resolve 직접 의존하지 않습니다.

@coryrylan 흠, 거기에 CLI 또는 ngtools/webpack 가 보이지 않습니다.

원사 잠금 장치가 있습니다
ngtools/ [email protected]
각 /[email protected]

version 3.4.1

This module exists because "@angular/cli#@ngtools/webpack" depends on it.

어휴.
빌드가 2주 만에 2번째로 중단되었습니다.
npm install [email protected]을 추가하면 문제가 해결

다음은 웹팩을 업그레이드한 커밋입니다.

https://github.com/webpack/webpack/commit/16bf0b6f26b23df682433ddefcbff5278a6fac2c

난 당신에 대한 항목을 추가 할 필요가 특정 버전을 사용하는 힘을 실을 생각 resolutions 당신에 package.json

@coryrylan 수정을 위해 @angular/[email protected] 필요하지만 1.3.0-rc.0 있습니다.

@mildfuzz 커밋이 존재하지만 아직 릴리스되지 않았습니다. 마지막 webpack 릴리스는 9일 전이지만 해당 커밋은 13시간 전이었습니다.

package.json 복사하여 붙여넣고 원사를 수행했는데 제대로 설치되는 것 같습니다.

kamik<strong i="13">@T460p</strong> MINGW64 D:/sandbox/tmp
$ yarn && yarn list enhanced-resolve && yarn why enhanced-resolve
yarn install v0.24.6
info No lockfile found.
[1/4] Resolving packages...
[2/4] Fetching packages...
warning [email protected]: The platform "win32" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning "[email protected]" has unmet peer dependency "@ngrx/store@^2.2.1".
warning "@ngrx/[email protected]" has unmet peer dependency "@ngrx/store@^2.0.0".
[4/4] Building fresh packages...
success Saved lockfile.
Done in 66.95s.
yarn list v0.24.6
└─ [email protected]
Done in 0.87s.
yarn why v0.24.6
[1/4] Why do we have the module "enhanced-resolve"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
info Reasons this module exists
   - "@angular/cli#@ngtools/webpack" depends on it
   - "@angular/cli#webpack" depends on it
Done in 0.89s.

원사에서 버그가 발생할 수 있습니다. 버전을 해결하는 데 문제가 있는 것은 이번이 처음이 아닙니다. 나는 v0.24.6 하고 있었다.

@filipesilva 아 감사합니다! 나는 그것을 시도할 것이다. 나는 그것을 알아차렸어야 했다

@filipesilva 커밋은 semver 변경 없이 마스터에 바로 적용됩니다.

예, 하지만 마스터를 사용하지 않고 [email protected] 있습니다. 마스터를 얻는 유일한 방법은 github에서 직접 사용하는 경우이며 package.json에 따라 그렇지 않습니다.

좋은 지적. 흠, 궁금하다

yarn + [email protected] 를 사용하는 해결 방법이 있습니까?

@cebor 저도 같은 상황이지만 아직 해결 방법을 찾지 못했습니다.

내 Linux 환경에서 이것이 실패하는 것을 여전히 보고 있습니다.

$ng -v
@angular/cli: 1.2.4
노드: 6.11.1
운영체제: 리눅스 x64
@각도/공통: 4.3.1
@각도/컴파일러: 4.3.1
@각도/코어: 4.3.1
@angular/forms: 4.3.1
@angular/http: 4.3.1
@각도/플랫폼 브라우저: 4.3.1
@angular/platform-browser-dynamic: 4.3.1
@각도/라우터: 4.3.1
@angular/cli: 1.2.4
@angular/compiler-cli: 4.3.1
[root@4bc7c5f8560c]# 원사 목록 강화 해결
원사 목록 v0.27.5
├─ [email protected]
└─ 웹팩 @
└─ [email protected]
0.62초 안에 완료됩니다.

OS X 및 Linux에는 @angular/cli && 향상 해결에 대한 버전 일치가 있습니다. 그러나 내 알파인 도커 컨테이너에서 실행하면 다음을 얻습니다.

./src/main.ts의 오류
모듈을 찾을 수 없음: 오류: '/godata/pipelines/XXX/src'의 './$$_gendir/app/app.module.ngfactory'를 확인할 수 없습니다.
@ ./src/main.ts 4:0-74
@ multi ./src/main.ts

OS X 버전은 문제 없이 빌드됩니다.

다른 문제가 있을 수 있습니다. 아마도 관련 문제일 수 있습니다. 이 스레드를 기반으로 @angular/ cli @
--prod 플래그 없이 AOT 빌드를 수행하면 모든 것이 정상입니다. 웹팩 로딩 문제를 해결합니다. 캐시 버스트되거나 축소된 것은 없습니다(예상대로).

$ ng build -aot -bh /app/ -d /app/
 12% building modules 24/26 modules 2 active ...dh/code/skyl-sam/gui/src/polyfills.tsThe final argument to magicString.overwrite(...) should be an options object. See https://github.com/rich-harris/magic-string
Hash: dccdd84edb379b90050e
Time: 18188ms
chunk    {0} common.bundle.js, common.bundle.js.map (common) 225 kB {8} [initial] [rendered]
chunk    {1} 1.chunk.js, 1.chunk.js.map 158 kB {2} {4} [rendered]
chunk    {2} 2.chunk.js, 2.chunk.js.map 22.8 kB {1} {4} [rendered]
chunk    {3} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 305 kB {8} [initial] [rendered]
chunk    {4} main.bundle.js, main.bundle.js.map (main) 206 kB {7} [initial] [rendered]
chunk    {5} styles.bundle.js, styles.bundle.js.map (styles) 12.8 kB {8} [initial] [rendered]
chunk    {6} scripts.bundle.js, scripts.bundle.js.map (scripts) 935 bytes {8} [initial] [rendered]
chunk    {7} vendor.bundle.js, vendor.bundle.js.map (vendor) 2.39 MB [initial] [rendered]

그러나 브라우저에 --prod 오류가 있는 AOT 빌드 가 표시됩니다. 청크를 찾을 수 없다고 나옵니다.

$ ng build -aot -bh /app/ -d /app/ --prod
 12% building modules 20/22 modules 2 active ...dh/code/skyl-sam/gui/src/polyfills.tsThe final argument to magicString.overwrite(...) should be an options object. See https://github.com/rich-harris/magic-string
Hash: 087aa24978df80ff0791
Time: 31614ms
chunk    {0} common.c748e79cd1f1548103ca.bundle.css (common) 64.2 kB {8} [initial] [rendered]
chunk    {1} 1.25adab460fca740132f8.chunk.js 156 kB {2} {4} [rendered]
chunk    {2} 2.d8720a9ef943f0c023dd.chunk.js 22.8 kB {1} {4} [rendered]
chunk    {3} polyfills.ff68bf59b00f20dd55fa.bundle.js (polyfills) 305 kB {8} [initial] [rendered]
chunk    {4} main.84addcca1f874b2e3beb.bundle.js (main) 204 kB {7} [initial] [rendered]
chunk    {5} scripts.8e25fcd212b7caba6537.bundle.js (scripts) 935 bytes {8} [initial] [rendered]
chunk    {6} styles.5d90f8fb1f36b9f8617d.bundle.css (styles) 69 bytes {8} [initial] [rendered]
chunk    {7} vendor.32a6e9e7149831c7fbfc.bundle.js (vendor) 2.39 MB [initial] [rendered]
chunk    {8} inline.1170c1e8a9ba9c0dfcf5.bundle.js (inline) 0 bytes [entry] [rendered]

브라우저의 오류

ERROR Error: Uncaught (in promise): Error: Loading chunk 0 failed.
Error: Loading chunk 0 failed.
    at HTMLScriptElement.n (inline.1170c1e….bundle.js:1)
    at HTMLScriptElement.o (polyfills.ff68bf5….bundle.js:1)
    at t.invokeTask (polyfills.ff68bf5….bundle.js:1)
    at Object.onInvokeTask (vendor.32a6e9e….bundle.js:1)
    at t.invokeTask (polyfills.ff68bf5….bundle.js:1)
    at r.runTask (polyfills.ff68bf5….bundle.js:1)
    at e.invokeTask [as invoke] (polyfills.ff68bf5….bundle.js:1)
    at h (polyfills.ff68bf5….bundle.js:1)
    at HTMLScriptElement.d (polyfills.ff68bf5….bundle.js:1)
    at HTMLScriptElement.n (inline.1170c1e….bundle.js:1)
    at HTMLScriptElement.o (polyfills.ff68bf5….bundle.js:1)
    at t.invokeTask (polyfills.ff68bf5….bundle.js:1)
    at Object.onInvokeTask (vendor.32a6e9e….bundle.js:1)
    at t.invokeTask (polyfills.ff68bf5….bundle.js:1)
    at r.runTask (polyfills.ff68bf5….bundle.js:1)
    at e.invokeTask [as invoke] (polyfills.ff68bf5….bundle.js:1)
    at h (polyfills.ff68bf5….bundle.js:1)
    at HTMLScriptElement.d (polyfills.ff68bf5….bundle.js:1)
    at a (polyfills.ff68bf5….bundle.js:1)
    at a (polyfills.ff68bf5….bundle.js:1)
    at polyfills.ff68bf5….bundle.js:1
    at t.invokeTask (polyfills.ff68bf5….bundle.js:1)
    at Object.onInvokeTask (vendor.32a6e9e….bundle.js:1)
    at t.invokeTask (polyfills.ff68bf5….bundle.js:1)
    at r.runTask (polyfills.ff68bf5….bundle.js:1)
    at o (polyfills.ff68bf5….bundle.js:1)
    at e.invokeTask [as invoke] (polyfills.ff68bf5….bundle.js:1)
    at h (polyfills.ff68bf5….bundle.js:1)
_ @ vendor.32a6e9e….bundle.js:1

따라서 "0.84a03cc88aee47079f58.chunk.js" 청크가 생성될 것으로 예상했지만 그렇지 않았습니다. 누구든지 이런 것을 본 적이 있습니까? 도움을 주시면 정말 감사하겠습니다. 감사 해요!

그 문제는 정말 짜증나고 몇 시간이 걸렸습니다. 그러나 npm install [email protected] 는 Windows에서 잘 작동했으며 더 이상 삭제하거나 정리할 필요가 없습니다.
유용한 힌트 감사합니다!

@angular/cli ~1.2.0으로 package.json을 업데이트할 수 있습니다. 최신 1.2.4로 업데이트되며 해킹할 필요가 없습니다.

@filipesilva 그래서 나는 사용하고 있지 않다 [email protected]을

yarn list webpack 에는 [email protected] 가 있는 "enhanced-resolve": "^3.0.0", 가 표시되므로 실행 시 3.4.1로 업데이트됩니다.

[email protected] 에서도 고정되지 않고 "enhanced-resolve": "^3.3.0",

@필리페실바

$ yarn list enhanced-resolve
yarn list v0.27.5
├─ @ngtools/[email protected]
│  └─ [email protected]
└─ [email protected]
Done in 0.83s.

$ yarn why enhanced-resolve
yarn why v0.27.5
[1/4] Why do we have the module "enhanced-resolve"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
info This module exists because "webpack" depends on it.
info Disk size without dependencies: "196kB"
info Disk size with unique dependencies: "328kB"
info Disk size with transitive dependencies: "848kB"
info Number of shared dependencies: 10
Done in 0.84s.

$ yarn list webpack
yarn list v0.27.5
└─ [email protected]
Done in 0.83s.

여기 내 전체 package.json: https://gist.github.com/ryzy/aa422bc587c6858207caa55aa66c82db

원사 사용자를 위한 수정 프로그램이 있습니까? 여전히 오류가 발생합니다. Enhanced-resolve가 수정 사항을 릴리스한 것으로 보이기 때문에 @angular/cli": "1.2.4 에서 @angular/cli": "1.2.3 로 다운그레이드를 시도했습니다. https://github.com/webpack/enhanced-resolve/releases/tag/v3. 4.1

하지만 여전히 오류가 발생합니다. 에테르 버전으로.

yarn list enhanced-resolve
yarn list v0.27.5
└─ [email protected]
Done in 1.26s.

yarn why enhanced-resolve
yarn why v0.27.5
[1/4] Why do we have the module "enhanced-resolve"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
info This module exists because "@angular/cli#@ngtools/webpack" depends on it.
Done in 2.81s.

@BorntraegerMarc는 enhanced-resolve 를 package.json에 3.3.0으로 고정 추가하여 원사 문제를 해결했습니다.

@sickelap 저는 원사의 평면 아키텍처를 사용하지 않습니다. 외부적인 이유로 불가능합니다. 아니면 다른 것을 의미합니까? 그리고 resolutions 단일 종속성을 추가하는 것이 가능하지 않다고 생각합니까?

@BorntraegerMarc 는 webpack dep에 대한 올바른 버전으로 업데이트되었지만 어떤 이유로 yarn은 루트 종속성으로 Enhanced-resolve를 설치합니다. 따라서 이를 수정하려면 "enhanced-resolve": "3.3.0" 를 package.json devDependencies에 추가하기만 하면 됩니다. 적어도 지금은 수정해야 합니다.

@sickelap "enhanced-resolve": "3.3.0", 를 devDependencies에 추가하고 yarn cache clean 및 yarn 했지만 여전히 동일한 오류가 발생합니다. yarn.lock 파일도 삭제했습니다.

yarn.lock 파일에 여전히 항목이 표시됩니다.

enhanced-resolve@^3.0.0:
  version "3.4.1"
  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-3.4.1.tgz#0421e339fd71419b3da13d129b3979040230476e"
  dependencies:
    graceful-fs "^4.1.2"
    memory-fs "^0.4.0"
    object-assign "^4.0.1"
    tapable "^0.2.7"

/media/vimal/personal/future/dar-wepapp/src/app/properties-view/properties-view.component.ts의 유형 PropertiesViewComponent 오류는 2개 모듈 선언의 일부입니다: /media/vimal/personal의 AppModule /media/vimal/personal/future/dar-wepapp/src/app/login/login.module.ts의 /future/dar-wepapp/src/app/app.module.ts 및 loginModule! /media/vimal/personal/future/dar-wepapp/src/app/properties-view/properties-view.component.ts의 PropertiesViewComponent를 /media/vimal/personal/future/의 AppModule을 가져오는 상위 모듈로 이동하는 것을 고려하십시오. dar-wepapp/src/app/app.module.ts 및 loginModule은 /media/vimal/personal/future/dar-wepapp/src/app/login/login.module.ts에 있습니다. /media/vimal/personal/future/dar-wepapp/src/app/properties-view/properties-view.component.ts의 PropertiesViewComponent를 내보내고 포함하는 새 NgModule을 만든 다음 /media의 AppModule에서 해당 NgModule을 가져올 수도 있습니다. /vimal/personal/future/dar-wepapp/src/app/app.module.ts 및 loginModule은 /media/vimal/personal/future/dar-wepapp/src/app/login/login.module.ts에 있습니다.

./src/main.ts의 오류
모듈을 찾을 수 없음: 오류: '/media/vimal/personal/future/dar-wepapp/src'의 './$$_gendir/app/app.module.ngfactory'를 확인할 수 없습니다.
@ ./src/main.ts 3:0-74
@ multi ./src/main.ts

멋진 아이디어

@BorntraegerMarc @mildfuzz 원사 해상도에 무엇이 문제인지 모르지만 직접 시도해 볼 수 있습니다. 내가 땜질할 수 있는 package.json 를 제공할 수 있습니까?

@ryzy 나는 당신의 package.json을 시도했고 이것이 내가 얻은 것입니다.

kamik<strong i="11">@T460p</strong> MINGW64 D:/sandbox/tmp
$ yarn --version
0.24.6

kamik<strong i="12">@T460p</strong> MINGW64 D:/sandbox/tmp
$ yarn
yarn install v0.24.6
info No lockfile found.
[1/4] Resolving packages...
[2/4] Fetching packages...
warning [email protected]: The platform "win32" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
[4/4] Building fresh packages...
success Saved lockfile.
Done in 81.84s.

kamik<strong i="13">@T460p</strong> MINGW64 D:/sandbox/tmp
$ yarn list enhanced-resolve
yarn list v0.24.6
└─ [email protected]
Done in 0.86s.

kamik<strong i="14">@T460p</strong> MINGW64 D:/sandbox/tmp
$ yarn why enhanced-resolve
yarn why v0.24.6
[1/4] Why do we have the module "enhanced-resolve"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
info Reasons this module exists
   - "@angular/cli#@ngtools/webpack" depends on it
   - "@angular/cli#

그래서 atm v0.27.5 는 종속성을 제대로 해결하지 않는 반면 v0.24.6 는 종속성을 해결하는 것 같습니다.

@filipesilva thx 회신. 나는 원사 v0.27.5 중이므로 아마도 그것이 문제 일 것입니다 ...

내 package.json은 다음과 같습니다.

{
    "name": "x",
    "version": "1.0.0",
    "engine": {
        "node": "0.10.x",
        "npm": "2.1.x"
    },
    "homepage": "komed-health.com",
    "scripts": {
        "build:prod": "ng build --prod"
    },
    "dependencies": {
        "@angular/animations": "4.3.1",
        "@angular/common": "4.3.1",
        "@angular/compiler": "4.3.1",
        "@angular/core": "4.3.1",
        "@angular/forms": "4.3.1",
        "@angular/http": "4.3.1",
        "@angular/platform-browser": "4.3.1",
        "@angular/platform-browser-dynamic": "4.3.1",
        "@angular/platform-server": "4.3.1",
        "@angular/router": "4.3.1",
        "@angular/service-worker": "1.0.0-beta.16",
        "@codebakery/origami": "1.2.3",
        "@types/socket.io-client": "1.4.29",
        "angular-translator": "2.2.0",
        "check-browser": "0.1.7",
        "classlist.js": "1.1.20150312",
        "core-js": "2.4.1",
        "intl": "1.2.5",
        "ngx-auto-unsubscribe": "1.0.0",
        "rollup": "0.45.2",
        "rollup-plugin-commonjs": "8.0.2",
        "rollup-plugin-node-resolve": "3.0.0",
        "rxjs": "5.4.2",
        "tributejs": "2.3.7",
        "zone.js": "0.8.14"
    },
    "devDependencies": {
        "@angular/cli": "1.2.4",
        "@angular/compiler-cli": "4.3.1",
        "@types/jasmine": "2.5.53",
        "browserstack-local": "1.3.0",
        "codelyzer": "3.1.2",
        "cpr": "2.2.0",
        "db-migrate": "0.10.0-beta.21",
        "db-migrate-mongodb": "1.2.2",
        "enhanced-resolve": "3.3.0",
        "jasmine-core": "2.6.4",
        "jasmine-spec-reporter": "4.1.1",
        "karma": "1.7.0",
        "karma-chrome-launcher": "2.2.0",
        "karma-cli": "1.0.1",
        "karma-coverage-istanbul-reporter": "1.3.0",
        "karma-jasmine": "1.1.0",
        "karma-jasmine-html-reporter": "0.2.2",
        "polymer-cli": "1.3.1",
        "protractor": "5.1.2",
        "rimraf": "2.6.1",
        "ts-node": "3.2.1",
        "tslint": "5.5.0",
        "typescript": "2.4.2"
    }
}

@BorntraegerMarc 는 dependencies 및 devDependencies 아래에 "enhanced-resolve": "3.3.0" 명시적으로 지정하려고 할 수 있습니다.

@bmcswee 그것도 작동하지 않았습니다 ...

@필리페실바
문제 #7125에 대한 귀하의 의견에 따라 최신 cli를 사용하고 있습니다.
- 최신 rc1 사용
- [email protected]을 설치해도 여전히 동일한 오류가 발생합니다.

yarn 하면 작동하지 않고 npm 하면 작동합니다.

yarn why v0.27.5
[1/4] Why do we have the module "enhanced-resolve"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
info Has been hoisted to "enhanced-resolve"
info This module exists because it's specified in "devDependencies".
Done in 0.82s.

yarn list v0.27.5
├─ [email protected]
└─ [email protected]
   └─ [email protected]
Done in 0.78s.



md5-5f5afc9e77bd4c2f2ec312c6146b7f7e



ng new my-prj --skip-install --skip-git -dir my-prj --style scss --routing 

[email protected] 추가하는 것 외에는 프로젝트에서 다른 변경 사항이 없습니다.

@filipesilva 실제로 실 문제인 것 같습니다! 다음 버전(0.28.4)으로 업그레이드했는데 여전히 오류가 발생했습니다.

이제 원사를 v0.24.6 다운그레이드했습니다. 귀하와 마찬가지로 모듈 해상도는 괜찮은 것 같지만([email protected]) 오류는 여전히 존재합니다.

$ node -v
v6.11.0

$ yarn list
yarn list v0.24.6
...
├─ @angular/[email protected]
...
├─ @ngtools/[email protected]
│  ├─ [email protected]
...
├─ [email protected]
...
├─ [email protected]
│  ├─ enhanced-resolve@^3.3.0
...

$ yarn why enhanced-resolve
yarn why v0.24.6
info Reasons this module exists
   - "@angular/cli#@ngtools/webpack" depends on it
   - "@angular/cli#webpack" depends on it

이전과 동일한 package.json 입니다.

삭제된 원사 캐시와 함께 node_modules 및 yarn.lock 없이 새로 설치합니다.
AoT 빌드 오류가 여전히 있습니다( 전체 덤프 참조). 기이 한...

@filipesilva 실제로 빌드하려고(AoT로) 시도

누군가 이 티켓을 다시 열 수 있습니까? 아니면 우리가 원사에 특정한 새 티켓을 만들어야 할까요?

Yarn은 원하는 패키지에 대해 3.4 버전을 계속 설치합니다(예: 버전 번호에 ^를 사용하는 webpack). 내가 이 문제를 해결할 수 있었던 유일한 방법은 3.3.0을 가리키도록 Enhanced-resolve ^3.4.0 항목의 버전 및 해결 필드를 수동으로 변경하여 내 yarn.lock을 수정하는 것이었습니다.

@kavi87 예, 저에게도 효과가 있었습니다. 그러나 그것은 분명히 장기적인 해결책이 아닙니다 :스마일:

@BorntraegerMarc 장기적인 솔루션은 자체 해결이 개선되기를 기다리지 않습니까?

@stwic 이미 "수정"을 게시 한 것 같습니다. 그러나 이것이 정말로 해결되는지 아니면 원인인지 확실하지 않습니다...

@BorntraegerMarc https://github.com/webpack/enhanced-resolve/issues/98#issuecomment -317516344

@cebor 감사합니다 그래서 우리는 @ngtools/webpack 측에서 장기적인 수정을 기다려야 할 것 같습니다. enhanced-resolve 라이브러리가 올바르게 작동합니다. WebpackCompilerHost 에서 @ngtools/webpack WebpackCompilerHost 의 올바른 구현을 언제 예상하십니까? 실제 수정에 집중한 다음 현재 설정으로 원사를 실행하는 것이 더 합리적일 수 있습니다. WebpackCompilerHost 수정이 포함된 최신 angular-cli 버전을 얻으면 원사가 다시 작동할 것이라고 확신합니다.

@filipesilva : 내 이전 댓글 https://github.com/angular/angular-cli/issues/7113#issuecomment -317599036을 보고 이 문제와 관련된 것 같으면 알려주시겠습니까? 그렇지 않은 경우 최소한의 재현으로 새 문제를 열겠습니다.

@ samridh90 관련이 없다고 생각합니다. 내 브라우저는 문제 없이 내 제품 빌드를 실행했습니다...

@BorntraegerMarc : 앱에 지연 로드 경로가 있습니까?

@samridh90 네

npm install [email protected] 가 작동하지 않고 웹팩을 사용하고 있다면 npm install [email protected] 도 시도해 볼 수 있습니다. 오늘 3시간을 잃었습니다 :(

@filipesilva 벌써 땜질할 시간이 있었나요? :) 나는 그 사이에 원사를 열었지만 https://github.com/yarnpkg/yarn/issues/4024

@filipesilva 같은 문제가 있습니다. @ngtools/webpack 했으며 모든 패키지를 최신 버전으로 업데이트했습니다. 아래를 참조하세요.
"@angular/compiler-cli": "^4.3.1", "@angular/platform-server": "^4.3.1", "@ngtools/webpack": "^1.5.3", "webpack": "^3.4.0", "@angular/common": "^4.3.1", "@angular/compiler": "^4.3.1", "@angular/core": "^4.3.1", "@angular/forms": "^4.3.1", "@angular/http": "^4.3.1", "@angular/platform-browser": "^4.3.1", "@angular/platform-browser-dynamic": "^4.3.1", "@angular/router": "^4.3.1",

이것은 webpack > 3.3.0 및 @ngtools/webpack 와 호환되지 않는 것 같습니다.

npm install [email protected] [email protected]

문제를 해결합니다.

예, @ngtools/webpack 및 [email protected] 중단은 npm에서도 빌드됩니다.

이 문제를 다시 열어야 하지 않습니까? 많은 시나리오에서 이것은 확실히 수정되지 않은 것 같습니다.

[email protected] 와 함께 작동하도록 할 수 없는 사람들에게 저를 포함시키십시오. 나를 구하기 위해 3시간을 희생한 [email protected] 다운그레이드하면 훌륭합니다.

원사로 설치하기 위한 빠른 수정: 내 package.json의 "3.3.0"에 향상된 해결을 고정하고 webpack에서 향상된 해결을 삭제하는 "postinstall"-스크립트를 추가했습니다.

지금은 npm install [email protected] [email protected] 이 문제를 해결할 것입니다. Txanks

원사를 사용하면 @play2web 이 해결되지 않습니다...

따라서 현재 공식적인(100% 작동) 해결 방법은 원사를 버전 0.24.6으로 다운그레이드하는 것입니다.

@BorntraegerMarc "공식적인" 해결 방법에 대한 참조를 제공할 수 있습니까? AFAIK @ngtools/webpack 와 webpack 사이에 종속성 충돌이 있으므로 수정 사항이 없습니다. @ngtools/webpack 는 원사 사용자를 위해 이 문제를 해결하기 위해 업데이트해야 할 가능성이 있습니다.

OK @uitgewis with "official" 내 말은 공식적으로 (지금까지) 버그로 인정된다는 뜻입니다. https://github.com/yarnpkg/yarn/issues/4024 더 이상 정보가 없습니다. 여기에서 "공식"이라는 단어는 너무 강한 단어일 수 있습니다. 😄 다른 것이 작동하지 않았기 때문에 0.24.6으로 다운그레이드해야 했습니다

sokra(https://github.com/webpack/enhanced-resolve/issues/98#issuecomment-317516344)에서 감지한 문제가 다음 릴리스의 로드맵에 있는 경우 "공식적인" 설명이 훌륭할 것입니다. 아니면 이 문제를 해결하기 위해 무엇을 해야 합니까?

현상 유지:

• @ngtools/webpack 는 webpack > 3.3.0 와 함께 독립 실행형으로 사용할 수 없습니다.
• @angular/cli 는 원사 > 0.24.6 와 함께 사용할 수 없습니다.

이 해결 방법이 싫지만 yarn 다운그레이드가 옵션이 아닌 경우 기술적으로 yarn.lock 파일을 손으로 "수정"할 수 있습니다. Angular 관련 종속성을 업그레이드한 후 잠금 파일은 다음과 같아야 합니다.

[email protected]:
  version "3.3.0"
  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-3.3.0.tgz#950964ecc7f0332a42321b673b38dc8ff15535b3"
  dependencies:
    graceful-fs "^4.1.2"
    memory-fs "^0.4.0"
    object-assign "^4.0.1"
    tapable "^0.2.5"

enhanced-resolve@^3.0.0:
  version "3.4.1"
  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-3.4.1.tgz#0421e339fd71419b3da13d129b3979040230476e"
  dependencies:
    graceful-fs "^4.1.2"
    memory-fs "^0.4.0"
    object-assign "^4.0.1"
    tapable "^0.2.7"

다음으로 교체하십시오.

[email protected], enhanced-resolve@^3.0.0:
  version "3.3.0"
  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-3.3.0.tgz#950964ecc7f0332a42321b673b38dc8ff15535b3"
  dependencies:
    graceful-fs "^4.1.2"
    memory-fs "^0.4.0"
    object-assign "^4.0.1"
    tapable "^0.2.5"

0.27.5로 다시 빌드할 수 있습니다. 파일 자체에서 알 수 있듯이 yarn.lock 파일을 수동으로 편집해서는 안 되지만 보다 강력한 수정 사항이 발견될 때까지 이 작업은 _해야 합니다_.

@Guston 은 나를 위해 작동하지 않습니다. yarn 실행할 때마다 yarn.lock 잘못된 항목이 다시 추가됩니다.

다음은 실패한 빌드가 있는 내 저장소입니다. https://github.com/cebor/ng2-start

@cebor , 이 해결 방법은 일반 CLI 프로젝트에만 해당됩니다(즉, yarn 문제는 해결하지만 webpack 문제는 해결하지 _않습니다_).

webpack@^3.4.1 종속성이 있으므로 새 버전이 enhanced-resolve@^3.4.0 에 명시적으로 의존하기 때문에 잠금 파일을 수정할 수 없습니다. 먼저 [email protected] 로 다운그레이드해야만 이 문제를 해결할 수 있습니다.

@cebor @Guston이 제안한 작업을 수행한 후 yarn --pure-lockfile 하면 작동합니다. 아마도 node_modules 도 삭제하고 싶을 것입니다.

모듈을 찾을 수 없음: 오류: 'hello/src'에서 './$$_gendir/app/app.module.ngfactory'를 확인할 수 없습니다.

오류가 발생하는 사람들을 위한 추가 참고 사항입니다. 코드에 문제가 있을 수도 있습니다. AOT를 깨뜨릴 수 있는지 확인하려면 여기를 참조하십시오. 일부는 빌드를 중단하고 일부는 런타임에 실패합니다(경험상).

https://github.com/rangle/angular-2-aot-sandbox

나는 이 버그에 부딪쳤고 내 앱에 이러한 문제 중 하나가 있었기 때문에 어제 특히 이 문제를 겪었습니다 😂

@krjordan 여기서 반복하지는 않겠지만 #7136에서 설명한 대로 편집하면 --pure-lockfile 옵션이 _필요하지 않습니다_.

Yarn 사용자: https://github.com/angular/angular-cli/issues/7136#issuecomment -318313404에 전용 토론 주제가 있습니다.

모든 사용자에게 : 당신은 안 webpack 당신의 package.json에. Webpack은 동시에 설치된 여러 버전에서 제대로 작동하지 않습니다. 자세한 내용은 https://github.com/angular/angular-cli/issues/6417#issuecomment -315708400을 참조

우리는 @ngtools/webpack (https://github.com/webpack/enhanced-resolve/issues/98#issuecomment-317518593에 따라)를 업데이트할 것이지만 이것은 필요에 따라 단기간에 일어날 일이 아닙니다. 약간의 작업.

그동안 우리는 [email protected] (https://github.com/angular/angular-cli/pull/7123) 및 [email protected] (https://github.com/angular/angular- cli/pull/71300). 이로 인해 종속성이 제대로 해결됩니다.

@samridh90 https://github.com/angular/angular-cli/issues/7113#issuecomment -317599036에서 무슨 일이 일어나고 있는지 모르지만 관련이 없는 것 같습니다. 새 문제를 열 ​​수 있습니까?

@filipesilva 그래서 angular-cli 프로젝트와 함께 사용하려면 package.json에 [email protected] 를 추가하는 것으로 충분 합니까 , 아니면 묶어야 합니까?

위의 다른 사람들의 의견에 따라 @angular/ cli @

중간 수정은 무엇입니까? 위에서 언급한 첫 번째 항목으로 충분합니까?

참고로, 이것이 작동한다는 소문 에도 불구하고 Enhanced-resolve가 3.4.1로 충돌 하더라도 방금 출시된 1.2.6 에서 여전히 이 오류가 발생 합니다 .

나는 이것이 npm 5와 관련이 있을 수 있다는 제안 을 보았습니다...어쨌든? (업데이트하기 전에 package-lock.json 를 제거했습니다.)

👉 편집: 아래 이 댓글을 참조하세요 . 사실 관련이 없습니다.

CLI 프로젝트의 경우

• 원사 0.24.6
• 향상된 해결@ 3.3.0

@ngtools/webpack 사용하는 비 CLI 프로젝트의 경우

• 원사 0.24.6
• 향상된 해결@ 3.3.0
• 웹팩@ 3.3.0

어제(https://github.com/angular/angular-cli/pull/7169) 1.2.6 / 1.3.0-rc.3 아래에 새로운 수정 사항이 있습니다. [email protected] 이하가 원사 아래에서도 올바르게 해결되기를 바랍니다.

@russelltrafford 말하기 어렵고 패키지 관리자에 따라 다릅니다. npm에 있다면 괜찮을 것입니다. 테스트하려면 package-lock.json / yarn.lock / node_modules package.json 하고 [email protected] , npm install , ng build --aot . $$gendir 에 대한 오류가 발생하면 작동하지 않습니다. 그렇지 않으면 작동하는 것입니다.

@michaelsanford npm 또는 yarn을 사용하고 있습니까? package.json을 제공할 수 있습니까? 내가 직접 테스트하고 무슨 일이 일어나는지 볼 수 있습니다.

또한, 사용하는 경우 1.2.6 / 1.3.0-rc.3 중 하나를 가지고 당신이 필요가 없습니다를 enhanced-resolve 또는 webpack 당신의 package.json . package.json (https://github.com/angular/angular-cli/issues/7113#issuecomment-318328125)에 webpack 가 있으면 물건이 깨질 수도 있습니다.

@ngtools/[email protected] 다시 잘 작동 👍

@filipesilva 다행 입니다 해결됐지만 관련 문제로 의미 없는 오류 메시지를 수정하여 향후 유사한 오류가 유용한 정보를 제공할 수 있을까요? (개발자가 볼 수 없는 파일을 참조하는 오류는 사용자 친화적이지 않습니다.)

@ngtools/[email protected] 사용해도 문제가 해결되지 않았습니다. 나는 수동으로 설치했다 [email protected] 실행 한 후 npm install 다음 복사 / 붙여 넣기했다 node_modules/enhanced-resolve 에 node_modules/webpack/node_modules/enhanced-resolve 이 작업을 수행하려면.

@filipesilva 하지만 물론입니다! 감사합니다 😄

Windows 10(cmdr 셸 아래)에서 [email protected] 및 [email protected] 를 실행하고 있습니다.

내 전역 Angular CLI는 1.2.6이며 내 프로젝트에 설치된 것과 일치합니다.

λ npm ls -g @angular/cli
`-- @angular/[email protected]

다음은 내 프로젝트의 package.json .

{
  "name": "prod-test-fail",
  "version": "1.0.0",
  "private": true,
  "dependencies": {
    "@angular/animations": "^4.3.1",
    "@angular/common": "^4.3.1",
    "@angular/compiler": "^4.3.1",
    "@angular/core": "^4.3.1",
    "@angular/forms": "^4.3.1",
    "@angular/http": "^4.3.1",
    "@angular/platform-browser": "^4.3.1",
    "@angular/platform-browser-dynamic": "^4.3.1",
    "@angular/router": "^4.3.1",
    "bootstrap": "^3.3.7",
    "core-js": "^2.4.1",
    "font-awesome": "^4.7.0",
    "jquery": "^3.2.1",
    "moment": "^2.18.1",
    "rxjs": "^5.4.2",
    "zone.js": "^0.8.14"
  },
  "devDependencies": {
    "@angular/cli": "1.2.6",
    "@angular/compiler-cli": "^4.3.1",
    "@angular/language-service": "^4.3.1",
    "@types/core-js": "^0.9.42",
    "@types/jquery": "^3.2.9",
    "@types/node": "8.0.17",
    "codelyzer": "^3.1.2",
    "ts-node": "~3.3.0",
    "tslint": "^5.5.0",
    "typescript": "^2.4.2"
  }
}

오늘 아침에 node_modules/ 폴더를 삭제했는데 package-lock.json 및 npm이 위의 패키지를 설치하여 다음과 같은 결과를 얻었습니다.

ng build 출력:

λ ng build
Hash: 02193d0724fa51e87a0d
Time: 24523ms
chunk    {0} main.bundle.js, main.bundle.js.map (main) 2.24 MB {2} [initial] [rendered]
chunk    {1} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 174 kB {3} [initial] [rendered]
chunk    {2} vendor.bundle.js, vendor.bundle.js.map (vendor) 3.89 MB [initial] [rendered]
chunk    {3} inline.bundle.js, inline.bundle.js.map (inline) 0 bytes [entry] [rendered]

ng build --prod 및 ng build --aot :

λ ng build --prod
Hash: adc8c0af1f195a4cd49a
Time: 6075ms
chunk    {0} polyfills.dd983c51be469b02aa15.bundle.js (polyfills) 174 kB {3} [initial] [rendered]
chunk    {1} main.10609bd5e9ef4fd0b393.bundle.js (main) 713 bytes {2} [initial] [rendered]
chunk    {2} vendor.a590f07d547ec4b39908.bundle.js (vendor) 849 kB [initial] [rendered]
chunk    {3} inline.bf6c517a9f6f64c103ca.bundle.js (inline) 0 bytes [entry] [rendered]

ERROR in Cannot determine the module for class ModalInstanceComponent in C:/Users/<me>/app/src/ui/src/app/components/modal/modalInstance.ts! Add ModalInstanceComponent to the NgModule to fix it.

ERROR in ./src/main.ts
Module not found: Error: Can't resolve './../$$_gendir/src/app.module.ngfactory' in 'C:\Users\<me>\app\src\ui\src'
 @ ./src/main.ts 3:0-77
 @ multi ./src/main.ts

이것이 _beta-6_에서 태어난 angular 2 프로젝트라는 점은 주목할 가치가 있습니다(이것이 내 문제의 진정한 원인이어야 함). angular가 업데이트됨에 따라 3주마다 최신 정보를 점진적으로 유지해 왔습니다.

ng 로 컴파일할 수 있도록 프로젝트를 다소 광범위하게 변경했습니다. ng new 로 템플릿 프로젝트를 만들고 파일 및 라이브러리 변경 사항을 수동으로 복사하는 다소 허용되는 가이드를 따랐습니다.

이것은 미해결 ModalInstanceComponent 오류를 설명합니다. 템플릿이 없고 다른 구성 요소에서 인스턴스화됩니다. 내 기본 @NgModule 에 포함하면 새로운 오류가 연속적으로 발생하므로 지금은 그대로 두었습니다. 나는 이것이 (지금?) 안티 패턴이라고 상상하고 그것을 다시 방문할 것입니다.

이 유형의 문제 는 거의 동시에 발생했지만 관련이 없을 수 있습니다. 지금은 0.8.17 에서 이 오류가 발생하지 않는 것 같지만 먼저 can't resolve $$_gendir 오류가 발생할 수 있습니다. .17 및 .16 모두 시도했습니다.

(그리고 움츠렸던 사람들을 위해 그렇습니다. 저는 jQuery를 제거하고 있습니다 😉.)

@michaelsanford 아, 이제 보니 첫 번째 오류가 실제로 두 번째 오류를 일으키고 있습니다.

C:/Users/의 ModalInstanceComponent 클래스에 대한 모듈을 결정할 수 없음 오류/app/src/ui/src/app/components/modal/modalInstance.ts! NgModule에 ModalInstanceComponent를 추가하여 수정하십시오.

그것이 실패하기 때문에 AOT는 실제로 아무 것도 컴파일하지 않으므로 두 번째 오류가 발생합니다.

모듈을 찾을 수 없음: 오류: './../$$_gendir/src/app.module.ngfactory'를 확인할 수 없습니다.

사실입니다(하지만 해석하기 어렵습니다).

두 번째 오류를 바로 잡으려면 첫 번째 오류를 수정해야 합니다.

@filipesilva 그럴지도 모른다는 강한 의심이 ng 를) 사용하기 전에 AOT를 시도하지 않았음을 확인하고 _대단히_ 감사합니다.

나는 우리가 여전히 AOT와 호환되지 않는 코드를 많이 가지고 있다고 생각합니다. 이 템플릿이 없는 @Component 을 @Directive 로 이동하는 리팩토링 작업이 있습니다(왜 이런 식으로 작성되었는지 잘 모르겠습니다).

_업데이트_ 여전히 _prod_ 번들을 원하고 ng 사용을 시작한 이와 같은 문제가 있는 다른 사람들을 위해 다음은 기능적 애플리케이션 패키지를 내보냅니다.

ng build --prod --aot=false

@filipesilva를 잘 찾으
그렇다면 이것은 모달을 사용하는 프로젝트에만 영향을 줍니까? 우리는 방금 첫 번째 모달을 추가했는데 이것이 왜 이 문제가 '갑자기' 발생하는 것입니까? 즉, 다른 앱은 모달을 사용하지 않으며 이 오류도 발생합니다...

@russelltrafford 는 모달 자체가 아니라

[email protected] 이 작동하지 않습니다.

package.json "enhanced-resolve": "3.3.0"에 다음 줄을 포함합니다
npm install 및 ng build --prod 실행
감사 해요

안녕하세요 여러분, 사용하지 않는 구성 요소를 제거하고 작동합니다.
Angular 팀이 찾기가 너무 어려운 이 오류에 중요성을 부여하기를 바랍니다.

ng build --prod를 실행할 때 개인 양식 변수, 이에 대한 솔루션에 대해 불평합니까, 아니면 모든 것을 공개로 설정해야 합니까?

템플릿에서 액세스하는 모든 구성원을 비공개가 아닌 공개로 설정해야 합니다. 나는 그것이 당신의 문제를 해결할 것이라고 생각합니다 @ThalesMatoso

쿨...이건 잘되겠지만, 더 큰 시스템을 얘기하면 와서 방해하면 안되나요? 정말 유일한 대안입니까?

@ThalesMatoso 템플릿에서 구성 요소 클래스의 필드를 참조할 때 실제로 Angular의 렌더링 엔진이 해당 값을 가져와 DOM에 표시하는 지침을 작성하는 것입니다. 렌더러는 구성 요소의 클래스와 별개이고 외부에 있으므로 개인 변수에 액세스하려고 하면 TypeScript 컴파일 오류가 발생합니다. 따라서 템플릿에서 참조되거나 @ViewChild 와 같은 데코레이터로 주석이 달린 것과 같은 외부 서비스에 의해 영향을 받을 수 있는 구성 요소 클래스의 모든 필드는 공개되어야 합니다.

또한 명확하게 하기 위해 이것은 Angular 기능/요구사항입니다. CLI에만 해당되지 않습니다.

npm i [email protected] 가 신뢰할 수 있는 수정 사항이 아니라고 생각하는 것이 맞습니까? @angular/[email protected] 는 [email protected] 에 따라 달라지며 [email protected] 에 따라 달라집니다. npm은 webpack이 요구하는 것을 얻도록 확실히 결정한 것 같습니다.

[email protected] 설치를 시도했는데 한 번 작동했지만 npm install 다시 실행하고 작동을 멈췄습니다. 내가 뭔가를 놓치고 있습니까 아니면 안정적인 방법으로 이 문제를 해결하기가 다소 어렵습니까?

@studds 최신 버전에서는 enhanced-resolve 수동으로 추가할 필요가 없습니다.

"enhanced-resolve"를 설치하면 "^3.3.0"이 해결되었습니다.

나는 resolve 3.3.0 및 ngtools webpack 1.6.2를 향상시켰습니다.
여전히 오류가 표시됨

'브라우저' 필드에 유효한 별칭 구성이 없습니다.
설명 파일 사용 후: /Users/ui/package.json (상대 경로: ./src/app/Components/selector)

"@angular/animations": "^4.3.6",
"@angular/cdk": "2.0.0-beta.8",
"@각도/공통": "^4.3.6",
"@각도/컴파일러": "^4.3.6",
"@angular/compiler-cli": "^4.3.6",
"@각도/코어": "^4.3.6",
"@angular/forms": "^4.3.6",
"@angular/http": "^4.3.6",
"@angular/material": "^2.0.0-beta.8",
"@angular/platform-browser": "^4.3.6",
"@ngrx/core": "^1.0.2",
"@ngrx/effects": "^2.0.0",
"@ngrx/store": "^2.1.2",
"@ngtools/webpack": "^1.6.2",
"향상된 해결": "^3.3.0",

마지막으로 devDependencies "@angular/cli": "1.2.6" 및 종속성 "enhanced-resolve": "3.3.0" 및 @angular/*:"^4.3.6"에서 작동합니다.

새 각도 프로젝트를 만드는 동안 이 오류가 발생합니다.

npm을 통해 도구용 패키지 설치.
npm 오류! Windows_NT 10.0.10240
npm 오류! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "--quiet" "설치"
npm 오류! 노드 v6.10.0
npm 오류! npm v3.10.10

npm 오류! C:\Users\Sukeshu\AppData\Local\Tempnpm-3120-1165392c\registry.npmjs.org\jasmine-spec-reporter-\jasmine-spec-reporter-4.1.1.tgz에 대한 shasum 검사 실패
npm 오류! 예상: 5a6d58ab5d61bea7309fbc279239511756b1b588
npm 오류! 실제: 1cca12519560608e42bb4efd78f30d818740a4f9
npm 오류! 발신: https://registry.npmjs.org/jasmine-spec-reporter/-/jasmine-spec-reporter-4.1.1.tgz
npm 오류!
npm 오류! 도움이 필요하면 다음 주소에서 이 오류를 보고할 수 있습니다.
npm 오류! https://github.com/npm/npm/issues

npm 오류! 지원 요청 시 다음 파일을 포함하십시오.
npm 오류! C:\Users\Sukeshu\Desktopng2\dappnpm-debug.log

패키지 설치에 실패했습니다. 위를 참조하세요.
패키지 설치에 실패했습니다. 위를 참조하세요.

"enhanced-resolve": "3.3.0"이 문제를 해결했습니다.

그냥 말해서... 만약 당신이 prod build를 사용한다면, shrinkwrap을 사용해야 합니다... 그것은 여러분이 사용할 수 있는 곳입니다. 또한, 실.

이 문제는 내 각도 빌드에 ngtools/webpack을 사용하여 발생했습니다... angular-cli를 사용하지 않고 특히 ngtools/webpack 1.5.3을 사용했고 문제는 자체적으로 해결되었습니다... 다른 플러그인을 사용하면 ....

따라서 ngtools/webpack을 사용하는 사람들은 현재 버전 1.5.3을 사용하기만 하면 됩니다. 다른 패키지를 추가하면 어떤 버전을 사용하든 아무 것도 하지 않습니다.

angular/cli를 1.2.4로 업그레이드하면 문제가 해결됩니다.

이전 cli로 만든 Angular 앱은 여전히 ​​작동하지 않습니다. 이 문제를 해결하기 위해 새 앱에서 새로운 package.json을 복사했습니다.
기존 Angular 앱을 실행하려면 다음 패키지(내 앱을 실행하는 동안 얻은 차이점) 중 일부 패키지를 업그레이드해야 합니다.

diff seodemo/package.json aotdemo/package.json
2c2
<   "name": "seodemo",
---
>   "name": "aotdemo",
15,23c15,23
<     "@angular/animations": "^4.0.0",
<     "@angular/common": "^4.0.0",
<     "@angular/compiler": "^4.0.0",
<     "@angular/core": "^4.0.0",
<     "@angular/forms": "^4.0.0",
<     "@angular/http": "^4.0.0",
<     "@angular/platform-browser": "^4.0.0",
<     "@angular/platform-browser-dynamic": "^4.0.0",
<     "@angular/router": "^4.4.3",
---
>     "@angular/animations": "^4.2.4",
>     "@angular/common": "^4.2.4",
>     "@angular/compiler": "^4.2.4",
>     "@angular/core": "^4.2.4",
>     "@angular/forms": "^4.2.4",
>     "@angular/http": "^4.2.4",
>     "@angular/platform-browser": "^4.2.4",
>     "@angular/platform-browser-dynamic": "^4.2.4",
>     "@angular/router": "^4.2.4",
25,26c25,26
<     "rxjs": "^5.1.0",
<     "zone.js": "^0.8.4"
---
>     "rxjs": "^5.4.2",
>     "zone.js": "^0.8.14"
29,31c29,31
<     "@angular/cli": "1.2.0",
<     "@angular/compiler-cli": "^4.0.0",
<     "@angular/language-service": "^4.0.0",
---
>     "@angular/cli": "1.4.3",
>     "@angular/compiler-cli": "^4.2.4",
>     "@angular/language-service": "^4.2.4",
35c35
<     "codelyzer": "~3.0.1",
---
>     "codelyzer": "~3.1.1",
45c45
<     "ts-node": "~3.0.4",
---
>     "ts-node": "~3.2.0",

이것이 다른 사람에게 도움이 된다면:

이 모든 것을 읽은 후 종속성을 발견했습니다. "@angular/cli": "1.1.x",

업그레이드를 허용했을 때 문제가 사라졌습니다.

Angular CLI 1.5.0에서도 동일한 문제가 발생합니다. Enhanced resolve 3.3.0도 있습니다.

저도 요. 계속 발생: 오류: './$$_gendir/app/app.module.ngfactory'를 확인할 수 없습니다.

Angular CLI 1.5.0 및 Enhanced resolve 3.3.0을 사용한 후에도

여기도 마찬가지입니다. 모든 업데이트 ?

[email protected] 이 작동하지 않습니다.
패키지.json
{
"이름": "LENDZ",
"버전": "0.0.1",
"저자": "Ionic Framework",
"홈페이지": " http://ionicframework.com/ ",
"비공개": 사실,
"스크립트": {
"clean": "ionic-app-scripts clean",
"빌드": "ionic-app-scripts 빌드",
"lint": "ionic-app-scripts lint",
" ionic:build ": "ionic-app-scripts 빌드",
" ionic:serve ": "ionic-app-scripts 제공"
},
"종속성": {
"@angular/common": "5.0.0",
"@각도/컴파일러": "5.0.0",
"@angular/compiler-cli": "5.0.0",
"@각도/코어": "5.0.0",
"@angular/forms": "5.0.0",
"@angular/http": "5.0.0",
"@angular/platform-browser": "5.0.0",
"@angular/platform-browser-dynamic": "5.0.0",
"@ionic-네이티브/카메라": "^4.4.2",
"@ionic-native/core": "4.3.2",
"@ionic-네이티브/진단": "^4.5.2",
"@ionic-native/facebook": "^4.4.2",
"@ionic-native/file": "^4.4.2",
"@ionic-네이티브/파일 경로": "^4.4.2",
"@ionic-native/geolocation": "^4.4.2",
"@ionic-native/google-maps": "^4.4.2",
"@ionic-native/http": "^4.4.2",
"@ionic-native/native-storage": "^4.4.2",
"@ionic-native/network": "^4.5.2",
"@ionic-native/onesignal": "^4.5.2",
"@ionic-native/push": "^4.4.2",
"@ionic-native/splash-screen": "4.3.2",
"@ionic-native/status-bar": "4.3.2",
"@ionic-native/stripe": "^4.5.2",
"@ionic-네이티브/전송": "^3.14.0",
"@ionic/storage": "^2.1.3",
"angular2-moment": "^1.7.0",
"코르도바 안드로이드": "6.3.0",
"코르도바 브라우저": "~5.0.1",
"코르도바 플러그인 카메라": "^3.0.0",
"코르도바 플러그인 장치": "^1.1.4",
"cordova-plugin-facebook4": "^1.9.1",
"코르도바 플러그인 파일": "^5.0.0",
"cordova-plugin-file-transfer": "^1.7.0",
"코르도바 플러그인 파일 경로": "^1.1.0",
"cordova-plugin-geolocation": "^3.0.0",
"cordova-plugin-googlemaps": "^2.1.1",
"cordova-plugin-inappbrowser": "~1.7.2",
"cordova-plugin-ionic-webview": "^1.1.11",
"cordova-plugin-nativestorage": "^2.2.2",
"cordova-plugin-network-information": "^1.3.4",
"cordova-plugin-splashscreen": "^4.0.3",
"코르도바 플러그인 스트라이프": "^1.5.3",
"cordova-plugin-whitelist": "^1.3.1",
"cordova-sqlite-storage": "^2.1.2",
"cordova.plugins.diagnostic": "^3.7.2",
"향상된 해결": "^3.4.1",
"이온 각도": "3.9.2",
"이온-플러그인-키보드": "^2.2.1",
"ionic2-등급": "^1.2.2",
"이오니아콘": "3.0.0",
"onesignal-cordova-plugin": "^2.2.4",
"rxjs": "5.5.2",
"sw-toolbox": "3.6.0",
"zone.js": "0.8.18"
},
"devDependencies": {
"@ionic/app-scripts": "^3.1.7",
"타이프스크립트": "2.4.2"
},
"설명": "Ionic 프로젝트",
"코르도바": {
"플러그인": {
"cordova-plugin-device": {},
"cordova-plugin-ionic-webview": {},
"cordova-plugin-splashscreen": {},
"cordova-plugin-whitelist": {},
"이온-플러그인-키보드": {},
"cordova-plugin-facebook4": {
"APP_ID": "xxxxxxxxxxxx",
"APP_NAME": "LENDZ"
},
"cordova-plugin-nativestorage": {},
"cordova-sqlite-storage": {},
"코르도바 플러그인 카메라": {},
"코르도바 플러그인 파일": {},
"cordova-plugin-file-transfer": {},
"cordova-plugin-filepath": {},
"cordova-plugin-googlemaps": {
"API_KEY_FOR_ANDROID": "xxxxxxxxxxxxxxxxxxxxxx",
"API_KEY_FOR_IOS": "xxxxxxxxxxxxxxxxxxxx"
},
"cordova-plugin-geolocation": {},
"onesignal-cordova-plugin": {},
"cordova.plugins.diagnostic": {},
"cordova-plugin-network-information": {},
"cordova-plugin-inappbrowser": {},
"코르도바 플러그인 스트라이프": {}
},
"플랫폼": [
"브라우저",
"기계적 인조 인간"
]
}
}
도와주세요

@cbeaujoin이 잘 말했듯이. 이대로 두면 문제 없이 AOT로 빌드가 됩니다.

    @angular/*:"^4.3.6"
    "enhanced-resolve": "3.3.0"
devDependencies
    "@angular/cli": "1.2.6"
    "typescript": "^2.3.4"

저에게는 타이프스크립트가 2.3.4여야 한다는 점을 추가해야 하고, 무엇보다도 빌드 시간이 약 29분이 걸리기 전에 빌드 시간이 약 6:35로 크게 단축되었습니다. 나는 한동안 이대로 있을 것이다.

[email protected]이 해결했습니다!

이 문제는 활동이 없어 자동으로 잠겼습니다.
유사하거나 관련된 문제가 발생하면 새 문제를 제출하십시오.

자동 대화 잠금 정책 에 대해 자세히 알아보세요.

_{_이 작업은 봇에 의해 자동으로 수행되었습니다._}