Storybook: TS1086 : 접근자를 주변 컨텍스트에서 선언 할 수 없습니다.

나는 업그레이드를하는데 찔 렸지만 패키지 구조에서 길을 잃었다 😅-최종 결과 (dist 파일이 생성 된 후)는 @storybook/channels/dist/index.d.ts:25 가되어야합니다.

에서

get hasTransport(): boolean;

에

readonly hasTransport: boolean;

나는 같은 문제가 있었다. Typescript 패키지를 최신 버전으로 업데이트하여 문제를 해결했습니다.

나는 같은 문제가 있었다. Typescript 패키지를 최신 버전으로 업데이트하여 문제를 해결했습니다.

@siropo 무슨 버전? 각도 8.3.20 및 typescript 3.5.3을 사용하고 있습니다. 그리고 프로젝트를 빌드하려고 할 때 동일한 오류가 발생했습니다.

@IsharaMadawa "typescript": "3.7.4"

@IsharaMadawa "typescript": "3.7.4"

@siropo package.json을 여기에

@IsharaMadawa 왜? 타이프 스크립트 버전을 업데이트하고 작동하는지 확인하십시오.

이전 버전의 Angular (예 : 8.1.0)를 실행하는 경우 다음 오류가 표시됩니다.

The Angular Compiler requires TypeScript >=3.4.0 and <3.5.0 but 3.x.y was found instead.

이전 버전의 Angular (예 : 8.1.0)를 실행하는 경우 다음 오류가 표시됩니다.

The Angular Compiler requires TypeScript >=3.4.0 and <3.5.0 but 3.x.y was found instead.

예. 이 오류가 발생하여 각도도 업데이트해야했습니다.

@IsharaMadawa Angular 9 rc 버전으로 업그레이드 했습니까?
아래 오류가 표시됩니다.
The Angular Compiler requires TypeScript >=3.4.0 and <3.5.0 but 3.x.y was found instead.
각도 8.2.3에서도

이것은 또한 Angular 8.2.x의 최신 버전을 사용하는 우리에게 깨집니다 : /

3.7.4 버전의 Typescript와 8.3.21 버전의 Angular가 있는데 동일한 메시지가 표시됩니다! 도와주세요! :-)

함께 업데이트 ng update --next @angular/cli --force 에 9.0.0-rc.12 사용하는 typescript @ "3.7.5" , 실제로 문제를 도왔다.

typescript 3.7.5 및 storybook/react 5.3.9 동일한 문제 발생

업데이트 --next @ angular / cli --force
npm install typescript @ latest

;)

업데이트 --next @ angular / cli --force
npm install typescript @ latest

;)
효과가 있었어, Snargol 감사합니다.

확인 됨, Angular 9 (및 확장 Typescript 3.7.5)로 업그레이드하면이 문제가 해결되었습니다.

TypeScript 3.7.x로 업그레이드하는 것은 라이브러리 관리자에게 좋은 옵션이 아닙니다. 이는 3.6에서 3.7 로의 변경 사항 (기술적으로는 주요 변경 사항)이 소비자에게 전달되고 TypeScript를 쉽게 업그레이드 할 수 있다고 가정 할 수 없음을 의미합니다.

@ndelangen typescript@^3.4.0 되므로 https://github.com/storybookjs/storybook/blob/next/package.json#L218 을 typescript@~3.6.0 로 변경하면이 문제를 해결할 수 있다고 생각합니다 3.7.5 . 그런 다음 실제로 중요한 변경 사항이므로 Storybook 6.0까지 3.7 업그레이드를 저장할 수 있습니다.

어떻게 생각해?

@lychyi 계획 같은데

next 지점에 대한 PR을 열고 싶으십니까?

우리는 그것을 master 하고 @shilman 패치로 출시 할 것입니다.

맞아요!

트윗 담아 가기

Storybook 6은 TypeScript 3.7을 활용해야하나요? 그렇다면 실제로 next 아닌 master 에서 변경되어야한다고 생각합니다. 현재 PR # 9826은 next 에 반대하지만 대신 master 를 가리 키도록 다시 해시 할 수 있습니다. 알려주세요.

결과적으로 TS 3.7+가 그다지 중요하지 않다면 Storybook 7 또는 그 이후 버전의 일부로도 업그레이드 할 수 있습니까?

@lychyi 나를 위해 작동합니다. 이걸 돌보고 생각 해주셔서 감사합니다 !!! 💯

re : 스토리 북 6.0에서 3.7. 3.7이 필요한지 잘 모르겠습니다. typescript 사람 중 한 명이 @ndelangen @kroeder @gaetanmaisse 에게 말하게 할 것입니다.

FWIW, next 이미 3.7을 활용하고 있는데, 그 장점은 선택적 체이닝 ( foo?.bar ) 및 nullish 병합 연산자 ( foo ?? bar )와 같은 정말 깔끔한 기능이 있습니다. Storybook 5.3.x의 master 에서만 이것을 변경하면 현재 상태에 가장 큰 영향을 미치지 않습니다.

또한 getter / setter 방출은 "typescript": "<=3.5" 의 주요 변경 사항 일 뿐이라는 것을 방금 배웠습니다. TS 3.6 은이 기능을 미래 보장 하므로 다른 옵션은 어떤 이유로 든 TS3.7로 업그레이드 할 수없는 경우 TS3.6으로 업그레이드하는 것입니다. TS3.6의 주요 변경 사항 은 그다지 나쁘지 않습니다.

그러나 TS3.7을 사용하면 아직 9.x로 업그레이드 할 수없는 Angular 사람들이 여전히 상처를 입습니다. Angular 8.x는 ~3.5.3 잠겨 있습니다.

그래서 제가 제안한 주요 트레이드 오프는 다음과 같습니다. _ "Storybook 6이 Angular 8과 호환 되지 않아 TypeScript 3.7이 제공해야하는 가장 최신의 기능을 활용할 수 있다고 말하는 것이 편할까요?"_

@lychyi 훌륭한 요약. 알지 못하는 직감은 6.0에 3.7을 분명히 말합니다. 미래를 잡아라 !! 😈

@lychyi 훌륭한 작업에 감사드립니다! 👏 👏

Storybook 6이 Angular 8과 호환되지 않기 때문에 TypeScript 3.7이 제공해야하는 최신 및 최고의 기능을 활용할 수 있다고 말하는 것이 편할까요?

나에게는 Angular 9가 며칠 동안 만 나오기 때문에 SB 6을 Angular <9와 호환되지 않게 만드는 것이 약간 가혹합니다. 많은 패키지가이 새 버전에 대해 준비되지 않았습니다. Angular 초보자에게는 새로운 컴파일 및 렌더링 파이프 라인을 도입 한 실제 메이저 버전이므로 Angular 9로 마이그레이션하는 것은 일부 큰 monorepo 프로젝트 (예 : 직장에서).

TS 3.7에서 가져온 개선 사항은 현재 SB monorepo에서 널리 사용되지 않으므로 작업 방법을 찾을 때까지 TS 3.6을 유지할 수 있습니다 (따라서 PR을 next + master 체리 선택에 병합). 이 문제에 대해. 살펴볼 프로젝트 일 수도 있습니다 : https://github.com/sandersn/downlevel-dts 새로운 파일을 기반으로 이전 정의 파일을 생성 할 수 있습니다 🤷‍♂

@gaetanmaisse 당신은 TS / Angular 세계와 훨씬 더 많이 접촉하고 있으므로 궁극적으로 이에 대한 판단을 내릴 것입니다. 그러나 몇 가지를 지적하고 싶습니다.
1) SB6의 현재 예상치는 4 월 말이며 그 시점까지 NG9는 몇 개월이 지나야합니다.
2) 이것이 실제로 브레이킹 체인지이고 지금 변경하지 않는 경우 다음 번에 변경할 수있는 7.0은 1 년 휴무일 것입니다.

물론 3.6으로 고칠 수 있다면 훨씬 좋습니다! Storybook 내에서 선택적 체인 등을 사용하기 시작하는 것이 좋을 것입니다. 따라서 이것이 종속성이 아닌 dev 종속성과 관련이 있다고 생각합니다.

@shilman 나는 당신에게 전적으로 동의합니다 💯 그리고 SB7까지 3.6을 유지해야한다는 것이 매우 실망 스럽습니다.

SB6는 몇 주 동안 알파 버전이므로 SB6에서 TS 3.7+를 사용하고 Angular <= 8과 호환되는 방법을 찾는 것이 목표라고 말해야한다고 생각합니다. 가능하지 않은 경우 3 월 말을 참조하세요. 또는 NG9가 어떻게 채택되었는지 Apris의 시작과 Angular <= 8 지원의 지원 중단에 대해 논의합니다.

@gaetanmaisse 나는 하위 수준의 DTS를 활용하기 위해 지점을 가지고 놀고 있습니다. 처음에는 TypeScript의 유지 관리 부분이 아니기 때문에 무시했지만 조금 생각해 보면 TS3.7 +를 사용하고 <= TS3.5 사용자와 여전히 호환되는 실행 가능한 옵션이 될 수 있습니다. 변경 사항을 확인하기 위해 조금만 주시면 유지 관리 할 가치가 있는지 확인할 수 있습니다. 빌드 스크립트는 매우 깔끔하므로 너무 어렵지 않습니다.

@gaetanmaisse PR이 올라 왔습니다. 궁금한 점이 있으면 알려주세요.

기여할 수있는 기회에 감사드립니다!

함께 업데이트 ng update --next @angular/cli --force 에 9.0.0-rc.12 사용하는 typescript @ "3.7.5" , 실제로 문제를 도왔다.

이것은 내 문제도 해결했습니다! 감사합니다!

좋아,하지만 typescript 업데이트없이이 문제를 해결하는 방법은 무엇입니까?

@ColCh 우리는 그것에 대해 작업하고 있습니다 https://github.com/storybookjs/storybook/pull/9847 곧 사용할 수 있습니다! 👏 👏 @lychyi

감사합니다! 그 PR이 문제를 해결하는 것 같습니다.

좋아, 참을성있게 기다리고 있습니다 :) 서두르지 마십시오

와우 빠르 네요!

그러나 @gaetanmaisse ,이 커밋이 v5 버전으로 백 포트 될 것으로 예상 할 수 있습니까? 그것은 좋을 것입니다

@ColCh 것입니다! 우리는 최신 6.0.0-alpha에서 모든 것이 정상인지 테스트하고 있으며 5.3.x 버전으로 출시 할 것입니다 😉

아, 그래. 감사합니다 🙂

다음 구성이 있는데 여전히 오류가 발생합니다.

` "

 @angular/cli": "7.3.8",
"@angular/compiler-cli": "7.2.8",
"@angular/language-service": "7.2.3",
"@babel/core": "^7.7.7",
"@babel/preset-env": "^7.8.4",
"@babel/preset-typescript": "^7.8.3",
"@ngx-translate/core": "11.0.0",
"@storybook/addon-actions": "5.3.13",
"@storybook/addon-links": "5.3.13",
"@storybook/addon-notes": "5.3.13",
"@storybook/addon-storyshots": "^5.3.13",
"@storybook/addon-viewport": "^5.3.13",
"@storybook/addons": "^5.3.13",
"@storybook/angular": "5.3.13",
 "typescript": "^3.2.4"`

ng build --prod
ERROR in node_modules/@storybook/channels/dist/index.d.ts(25,9): error TS1086: An accessor cannot be declared in an ambient context.

@ cnestor1 버그 수정은 아직 5.3.x에서 릴리스되지 않았으며 다음 버전에 있어야합니다 😉

Thx, 나는 오해하고 있다고 생각했습니다.
다음 릴리스의 ETA는 얼마입니까?
또한 문제가 해결 될 때까지 이전 버전의 Storybook을 사용하여 문제를 피할 수있는 방법이 있습니까?
Angular 9는 우리 회사에서 검증되지 않았기 때문에 업그레이드하기 전에 조금 기다려야합니다.

@ cnestor1 ETA 다음 5 일

오류에 언급 된 nodemodules 파일 (.d.ts 파일)을 방문하여 일시적으로이 오류를 해결 한 다음 ctrl + s로 저장하면 코드가 컴파일되지만 오류가 계속 발생하므로 오류가 해결됩니다.

총의 아들 !! 방금이 문제를 참조하는 PR # 9847이 포함 된 https://github.com/storybookjs/storybook/releases/tag/v5.3.14 를 릴리스했습니다. 지금 업그레이드하여 사용해보세요!

이 문제를 마무리합니다. 할 일이 더 많다고 생각되면 다시여십시오.

같은 문제가 발생합니다. :)

@rohittagadiya 최신으로 업데이트 했습니까?

" skipLibCheck": true , tsconfig.json 내부에서 예를 들어보십시오.

"compilerOptions": {
    "baseUrl": "src",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    **"skipLibCheck": true,**
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  },

그것이 당신을 도울 것입니다!

예를 들어 tsconfig.json 내에서 " skipLibCheck": true를 시도하십시오.

"compilerOptions": {
    "baseUrl": "src",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    **"skipLibCheck": true,**
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  },

도움이 되었기를 바랍니다 !!

작동 !!!! 감사

" skipLibCheck": true , tsconfig.json 내부에서 예를 들어보십시오.

"compilerOptions": {
    "baseUrl": "src",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    **"skipLibCheck": true,**
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  },

그것이 당신을 도울 것입니다!

잘 작동합니다. 감사합니다 <3

"skipLibCheck"추가 : true, 파일 tsconfig.json 내부의 compilerOptions에서 나를 위해 일했습니다. 정말 고맙습니다 .

- skipLibCheck: true 차임은 매력적입니다. 이는 QA 중간에 ng update 위험을 감수 할 수없는 사람들에게 좋습니다. 감사!

" skipLibCheck": true , tsconfig.json 내부에서 예를 들어보십시오.

"compilerOptions": {
    "baseUrl": "src",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    **"skipLibCheck": true,**
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  },

그것이 당신을 도울 것입니다!

감사합니다. 잘 작동합니다.

" skipLibCheck": true , tsconfig.json 내부에서 예를 들어보십시오.

"compilerOptions": {
    "baseUrl": "src",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    **"skipLibCheck": true,**
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  },

그것이 당신을 도울 것입니다!

감사합니다 <3

버전 변경 :
"ngx-swiper-wrapper": "~ 8.0.1"

이 문제를 해결할 수 있습니다

업데이트 --next @ angular / cli --force
npm install typescript @ latest

;)

각도 5를 사용하는 임은 ngx-file-upload를 사용할 수 있습니다.

@ angular-devkit / build-angular 업데이트