Ionic-framework: PostCSS가 잘못된 소스 맵 오류를 생성할 수 있음

경고가 말했듯이 :

from 옵션이 없으면 PostCSS가 잘못된 소스 맵을 생성하거나 Browserslist 구성을 찾지 못할 수 있습니다. 이 경고를 방지하려면 CSS 파일 경로 또는 undefined 로 설정하십시오.

from 필드를 추가하고 undefined로 설정하고 pull 요청을 생성했습니다.

https://github.com/StefanRein/ionic-app-scripts/blob/29873ae96611ae209ca4b065fd9940d6b7b96bda/src/sass.ts#L285

이렇게 하면 이 경고가 해결됩니다. 그러나 이것이 추가 결과를 가져오는지 Ionic 팀이 생성된 CSS 파일 또는 이와 유사한 파일에 대한 경로를 채워야 하는지 모르겠습니다.

@danbucholtz 이것을 검토해 주시겠습니까? 이 때문에 자동화된 빌드가 실패하고 있습니다.
("경고"는 오류로 해석됩니다..)

편집: PostCSS는 궁극적으로 console.warn을 사용하지만 이것은 노드에서 stderr 파이프로 이동하고 TeamFS가 실패합니다.

stderr 는 경고 또는 오류 출력에 사용됩니다. 원천

이 문제가 해결될 때까지 한 가지 가능성은 오류가 발생하기 전의 일부 패치를 되돌리는 것입니다.

npm i -D -E [email protected]

PostCSS의 CHANGELOG.md

6.0.16
경고 텍스트 수정(Michael Keller 작성).
6.0.15
process().then() 호출에서 누락된 옵션에 대한 경고를 추가합니다.
IE 10 지원을 추가합니다.

https://github.com/postcss/postcss/blame/master/lib/lazy-result.es6#L192

ionic-app-scripts의 package.json에서
이 "postcss": "^6.0.13" 는 새 경고가 있는 새 패치 6.0.15 도 설치합니다.

이거 고쳐졌어?

@thezakman 아직 아닙니다. 문제가 열려 있습니다. 경고는 여전히 존재합니다.

sass.js 파일을 찾습니다. /node_modules/@ionic/app-scripts/dist/sass.js 아래.
var postcssOptions를 찾아 다음에서 추가: undefined,

마지막으로 다음과 같아야 합니다.
var postcss옵션 = {
from: 정의되지 않음,
대상: path_1.basename(sassConfig.outFile),
맵: autoPrefixerMapOptions
};

https://github.com/ionic-team/ionic-app-scripts/pull/1364#issuecomment -358557878

node_modules 디렉토리의 파일을 수정하면 안 됩니다. 패키지를 업데이트하고 다시 설치하고 새 프로젝트에 설치하면 수정 사항이 모두 사라집니다.

지금은 위의 제안을 사용하십시오.

나는 이것을 사용하여 문제를 해결합니다 (@AlbenJohn에게도 감사합니다)
https://stackoverflow.com/a/48315414

이것에 대한 수정 사항이 있습니까?

내 빌드를 손상시키지 않는 동안 이 경고는 나에게도 나타납니다. 이것은 한 줄의 빠른 수정입니다. 이미 이에 대한 pull 요청이 있습니까?

@johnroper100 예, 승인되었습니다(위에 링크됨).

편집: 지도 파일이 올바르게 작동하고 있습니다.

이 경고는 여전히 나타납니다.

이 경고는 여전히 나타납니다.

이 경고는 여전히 나타납니다.

@JosepAlacid @Veyhunk @ajmalhassan @hanifmazlan이 제안한 수정 사항을 사용해보십시오. 그것은 실제로 나를 위해 작동합니다. https://stackoverflow.com/a/48315414/3288671

사실이지만 @StefanRein이 제안한 것처럼 프로덕션과 유사한 환경과는 여전히 거리가

이 경고는 여전히 나타납니다.

이 경고는 여전히 나타납니다.

이 경고는 여전히 나타납니다.

이 경고는 여전히 나타납니다.

이 경고는 여전히 나타납니다.

중지하십시오. 이것은 어떤 식으로든 도움이 되지 않습니다.
이것은 오픈 소스 프로젝트입니다. 사람들이 시간이 있으면 고칠 것입니다.
경고를 수정하기 위해 위에서 언급한 솔루션이 있습니다.

IONIC 팀을 대표하여 말하고 싶지는 않지만, 여기서 말하고 싶은 것이 있습니다.

이 문제는 "이 경고가 여전히 표시됩니다"라는 댓글 수에 비해 해결에 가까워지지 않습니다. / "이에 대한 모든 업데이트" / "이에 대한 수정 사항" / 기타

막히면 스레드를 읽으십시오. 이름에서 알 수 있듯이 해결 방법이 있습니다. 이에 대한 업데이트를 받으려면 '구독' 버튼을 클릭하여 몇 가지 키 입력을 저장하십시오. 그러면 이메일로 업데이트를 받을 수 있습니다. 또한 누군가 "이에 대한 업데이트가 있습니까?"라고 댓글을 달 때마다 업데이트를 받게 되므로 그 사람을 사용하지 마십시오.

이 경고는 여전히 나타납니다.

@jhonnhenry 친구, 진지하게? 우리는 알고 있습니다. 문제는 아직 미해결 상태입니다. 그냥 구독하고 길을 가십시오 ...

의견을 남기고 싶다면 실행 중인 버전과 같은 통찰력을 제공하여 생산성을 높일 수 있도록 도와주세요.

이 해결 방법을 찾았습니다.

먼저 /node_modules/@ionic/app-scripts/dist/sass.js에서 sass.js 파일을 찾습니다. 검색 var postcssOptions 내부에서 추가: undefined,

마지막으로 다음과 같아야 합니다.

var postcss옵션 = {
from: 정의되지 않음,
대상: path_1.basename(sassConfig.outFile),
맵: autoPrefixerMapOptions
};

https://stackoverflow.com/questions/48162738/without-from-option-postcss-could-generate-wrong-source-map-or-do-not-find-bro

여전히 경고를 받았습니다. node_modules로 뛰어드는 것은 심각하지 않습니다 ::/

문제를 주셔서 감사합니다! Ionic 3의 소스 코드와 문제를 별도의 저장소로 옮겼습니다. 이 문제를 Ionic 3용 저장소로 옮기고 있습니다. 여기에서 이 문제를 추적하십시오.

아이오닉을 이용해 주셔서 감사합니다!

문제 이동: https://github.com/ionic-team/ionic-v3/issues/883