Ionic-framework: PostCSS мог сгенерировать неправильную ошибку исходной карты

Созданный на 4 янв. 2018  ·  27Комментарии  ·  Источник: ionic-team/ionic-framework

Ионная версия: (отметьте один с "x")
(Для проблем с Ionic 1.x используйте https://github.com/ionic-team/ionic-v1)
[] 2.x
[x] 3.x
[] 4.x

Я отправляю ... (отметьте "x")
[x] отчет об ошибке
[] запрос функции

Пожалуйста, не отправляйте здесь запросы на поддержку или вопросы «Как сделать». Вместо этого используйте один из этих каналов: https://forum.ionicframework.com/ или http://ionicworldwide.herokuapp.com/

Текущее поведение:
Если мы создадим новое приложение, используя ваш пустой стартер или любой другой шаблон, создающий приложение для Android, мы столкнемся с этой ошибкой.

[16:52:18]  sass started ... 
Witout `from` option PostCSS could generate wrong source map or do not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning
[16:52:19]  sass finished in 1.13 s 

Ожидаемое поведение:
Сообщение об ошибке не должно быть

Действия по воспроизведению:
Создайте новое пустое приложение, используя
ionic start postcss
создать приложение для Android
ionic cordova build android

и вы можете увидеть журнал с предупреждением или сообщением об ошибке

[16:57:54]  sass started ... 
Witout `from` option PostCSS could generate wrong source map or do not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning
[16:57:55]  sass finished in 793 ms 

Ионная информация: (запустите ionic info из приглашения терминала / cmd и вставьте вывод ниже):

cli packages: (/usr/lib/node_modules)

    @ionic/cli-utils  : 1.19.0
    ionic (Ionic CLI) : 3.19.0

global packages:

    cordova (Cordova CLI) : 8.0.0 

local packages:

    @ionic/app-scripts : 3.1.6
    Cordova Platforms  : android 7.0.0
    Ionic Framework    : ionic-angular 3.9.2

System:

    Android SDK Tools : 26.1.1
    Node              : v8.9.4
    npm               : 5.6.0 
    OS                : Linux 4.13

Environment Variables:
    ANDROID_HOME : /abcdef/android/sdk

Misc:
    backend : legacy

Самый полезный комментарий

Пока это не будет исправлено, одна из возможностей - отменить некоторые исправления до появления ошибки:

npm i -D -E [email protected]

CHANGELOG.md PostCSS

6.0.16
Исправить текст предупреждения (Майкл Келлер).
6.0.15
Добавить предупреждение о пропущенной из опции при вызове process (). Then ().
Добавьте поддержку IE 10.

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

В пакете :
этот "postcss": "^6.0.13" также устанавливает новый патч 6.0.15 с новым предупреждением.

Все 27 Комментарий

Как сказано в предупреждении:

Без опции from PostCSS может сгенерировать неправильную исходную карту или не найти конфигурацию списка браузеров. Установите для него путь к файлу CSS или undefined чтобы предотвратить это предупреждение

Я добавил поле from , установил для него значение undefined и создал запрос на перенос.

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]

CHANGELOG.md PostCSS

6.0.16
Исправить текст предупреждения (Майкл Келлер).
6.0.15
Добавить предупреждение о пропущенной из опции при вызове process (). Then ().
Добавьте поддержку IE 10.

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

В пакете :
этот "postcss": "^6.0.13" также устанавливает новый патч 6.0.15 с новым предупреждением.

это было исправлено?

@thezakman Еще нет. Вопрос открыт. Предупреждение все еще существует.

найдите файл sass.js. в /node_modules/@ionic/app-scripts/dist/sass.js.
найдите var postcssOptions и добавьте из: undefined,

В итоге должно получиться так:
var postcssOptions = {
из: undefined,
к: 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

Что-нибудь исправить?

Хотя это не нарушает мои сборки, это предупреждение появляется и у меня. Это быстрое исправление в одну строку, есть ли уже запрос на перенос для этого?

@ johnroper100 Да, и он был одобрен (ссылка выше).

Изменить: файлы карты работают правильно.

Это предупреждение все еще актуально.

Это предупреждение все еще актуально.

Это предупреждение по-прежнему появляется.

@JosepAlacid @Veyhunk @ajmalhassan попробуйте использовать исправление, предложенное @hanifmazlan . У меня это действительно работает. https://stackoverflow.com/a/48315414/3288671

Да , это так, но, как предполагает

Это предупреждение все еще актуально.

Это предупреждение все еще актуально.

Это предупреждение все еще актуально.

Это предупреждение все еще актуально.

Это предупреждение все еще актуально.

Пожалуйста остановись. Это никоим образом не помогает.
Это проект с открытым исходным кодом. Если у людей будет время, они это исправят.
Вышеупомянутые решения для устранения предупреждения.

Хотя я не хочу говорить от имени команды IONIC, я чувствую, что здесь нужно кое-что сказать:

Эта проблема не приближается к разрешению пропорционально количеству комментариев, в которых говорится: «Это предупреждение все еще появляется». / «Любое обновление для этого» / «Любое исправление для этого» / и т. Д.

Если вы застряли, прочитайте ветку - есть обходной путь, который, как следует из названия, заставит вас работать. Если вы хотите получать обновления по этому поводу, сохраните несколько нажатий клавиш, нажав кнопку «Подписаться» - это позволит вам получать обновления по электронной почте. Вы также будете получать обновления каждый раз, когда кто-то комментирует «Есть обновления по этому поводу?», Поэтому, пожалуйста, не будь этим человеком.

Это предупреждение все еще актуально.

@jhonnhenry, чувак, серьезно? Мы знаем - вопрос все еще открыт. Просто подпишитесь и будьте в пути ...

Если вы настаиваете на том, чтобы оставить комментарий, помогите нам работать более продуктивно, предоставив некоторое представление о том, какие версии вы используете.

Я нашел это обходное решение

Сначала найдите файл sass.js в /node_modules/@ionic/app-scripts/dist/sass.js. внутри поиска var postcssOptions и добавьте from: undefined,

В итоге должно получиться так:

var postcssOptions = {
из: undefined,
к: 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. Проследите за этой проблемой там.

Спасибо за использование Ionic!

Проблема перемещена по адресу :

Была ли эта страница полезной?
0 / 5 - 0 рейтинги