Ionic-framework: PostCSS dapat menghasilkan kesalahan peta sumber yang salah

Dibuat pada 4 Jan 2018  ·  27Komentar  ·  Sumber: ionic-team/ionic-framework

Versi ionik: (centang satu dengan "x")
(Untuk masalah Ionic 1.x, silakan gunakan https://github.com/ionic-team/ionic-v1)
[ ] 2.x
[x] 3.x
[ ] 4.x

Saya mengirimkan ... (centang satu dengan "x")
[x] laporan bug
[ ] permintaan fitur

Harap jangan mengirimkan permintaan dukungan atau pertanyaan "Bagaimana caranya" di sini. Sebagai gantinya, silakan gunakan salah satu saluran ini: https://forum.ionicframework.com/ atau http://ionicworldwide.herokuapp.com/

Perilaku saat ini:
Jika kami membuat aplikasi baru menggunakan starter kosong Anda atau template lain yang membangun aplikasi Android, kami mengalami kesalahan ini

[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

Perilaku yang diharapkan:
Pesan bug seharusnya tidak

Langkah-langkah untuk mereproduksi:
Buat aplikasi kosong baru menggunakan
ionic start postcss
membangun aplikasi android melakukan
ionic cordova build android

dan Anda dapat melihat log dengan pesan peringatan atau kesalahan

[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

Info ionik: (jalankan ionic info dari terminal/cmd Prompt dan tempel keluaran di bawah):

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
v3
Sumber
picture mburger81
👍47

Komentar yang paling membantu

Sampai ini diperbaiki, satu kemungkinan adalah mengembalikan beberapa tambalan sebelum kesalahan terjadi:

npm i -D -E [email protected]

CHANGELOG.md dari PostCSS

6.0.16
Perbaiki teks peringatan (oleh Michael Keller).
6.0.15
Tambahkan peringatan tentang opsi yang terlewat dari pada panggilan process().then().
Tambahkan dukungan IE 10.

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

Dalam: package.json dari ionic-app-scripts
"postcss": "^6.0.13" juga menginstal patch baru 6.0.15 , yang memiliki peringatan baru.

picture StefanRein pada 9 Jan 2018
👍19 ❤1 🎉1

Semua 27 komentar

Seperti yang dikatakan peringatan:

Tanpa opsi from PostCSS dapat menghasilkan peta sumber yang salah atau tidak menemukan konfigurasi Daftar Peramban. Setel ke jalur file CSS atau ke undefined untuk mencegah peringatan ini

Saya menambahkan bidang from dan menyetelnya ke undefined dan membuat permintaan tarik.

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

Ini menyelesaikan peringatan ini. Tapi saya tidak tahu apakah ini memiliki konsekuensi lebih lanjut dan Tim Ionic perlu mengisi di sana jalur ke file css yang dihasilkan atau sesuatu seperti itu.

@danbucholtz Bisakah Anda meninjau ini? Pembuatan otomatis kami gagal karena hal ini.
("Peringatan" ditafsirkan sebagai kesalahan ..)

Sunting: PostCSS menggunakan akhirnya console.warn, tetapi ini terjadi pada node ke pipa stderr dan TeamFS kami gagal.

stderr digunakan untuk peringatan atau keluaran kesalahan. Sumber

StefanRein picture StefanRein pada 9 Jan 2018

Sampai ini diperbaiki, satu kemungkinan adalah mengembalikan beberapa tambalan sebelum kesalahan terjadi:

npm i -D -E [email protected]

CHANGELOG.md dari PostCSS

6.0.16
Perbaiki teks peringatan (oleh Michael Keller).
6.0.15
Tambahkan peringatan tentang opsi yang terlewat dari pada panggilan process().then().
Tambahkan dukungan IE 10.

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

Dalam: package.json dari ionic-app-scripts
"postcss": "^6.0.13" juga menginstal patch baru 6.0.15 , yang memiliki peringatan baru.

StefanRein picture StefanRein pada 9 Jan 2018
👍19 ❤1 🎉1

apakah ini sudah diperbaiki?

thezakman picture thezakman pada 18 Jan 2018

@thezakman Belum. Masalah ini terbuka. Peringatan itu masih ada.

StefanRein picture StefanRein pada 18 Jan 2018
👍9 😕4 🎉3

temukan file sass.js. di bawah /node_modules/@ionic/app-scripts/dist/sass.js.
temukan var postcssOptions dan tambahkan dari: tidak terdefinisi,

Akhirnya harus seperti ini:
var postcssOptions = {
dari: tidak terdefinisi,
ke: path_1.basename(sassConfig.outFile),
peta: autoPrefixerMapOptions
};

AlbenJohn picture AlbenJohn pada 20 Jan 2018
👍13 🎉3 😕1

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

Anda tidak boleh mengubah file apa pun di direktori node_modules. Jika Anda memperbarui paket, menginstal ulang, menginstalnya di proyek baru, semua modifikasi hilang.

Silakan gunakan saran di atas untuk saat ini.

StefanRein picture StefanRein pada 20 Jan 2018
👍3

saya memecahkan masalah menggunakan ini ( thanx juga untuk @AlbenJohn)
https://stackoverflow.com/a/48315414

hanifmazlan picture hanifmazlan pada 1 Feb 2018
👍1

Ada perbaikan tentang ini?

polfernandez picture polfernandez pada 15 Feb 2018

Meskipun tidak merusak bangunan saya, peringatan ini juga muncul untuk saya. Ini adalah perbaikan cepat satu baris, apakah sudah ada permintaan tarik untuk ini?

johnroper100 picture johnroper100 pada 24 Feb 2018

@johnroper100 Ya dan itu disetujui (tertaut di atas).

Sunting: File peta berfungsi dengan benar.

StefanRein picture StefanRein pada 25 Feb 2018

Peringatan ini masih muncul.

JosepAlacid picture JosepAlacid pada 19 Mar 2018
👍7

Peringatan ini masih muncul.

Veyhunk picture Veyhunk pada 6 Apr 2018
👍3

Peringatan ini masih muncul.

ajmalhassan picture ajmalhassan pada 14 Apr 2018
😄3 🎉2

@JosepAlacid @Veyhunk @ajmalhassan coba gunakan perbaikan yang disarankan @hanifmazlan . Ini benar-benar bekerja untuk saya. https://stackoverflow.com/a/48315414/3288671

nickthakkar picture nickthakkar pada 16 Apr 2018

Benar, memang, tetapi seperti yang disarankan @StefanRein , masih jauh dari lingkungan seperti produksi. lebih baik untuk menghindari node_modules. Masih menunggu perbaikan yang tepat. Adakah pembaruan dari Tim Ionic?

bobbino picture bobbino pada 18 Apr 2018

Peringatan ini masih muncul.

kirillgroshkov picture kirillgroshkov pada 11 Mei 2018

Peringatan ini masih muncul.

ElissandroMendes picture ElissandroMendes pada 14 Mei 2018

Peringatan ini masih muncul.

thorizer picture thorizer pada 20 Mei 2018

Peringatan ini masih muncul.

indian-boy picture indian-boy pada 20 Mei 2018

Peringatan ini masih muncul.

Ruslancic picture Ruslancic pada 21 Mei 2018

Tolong hentikan. Ini tidak membantu dengan cara apa pun.
Ini adalah sebuah proyek open source. Jika orang punya waktu, mereka akan memperbaikinya.
Ada solusi yang disebutkan di atas untuk memperbaiki peringatan.

Meskipun saya tidak ingin berbicara atas nama tim IONIC, saya merasa ada sesuatu yang perlu dikatakan di sini:

Masalah ini tidak mendekati resolusi sebanding dengan jumlah komentar yang mengatakan "Peringatan ini masih muncul." / "Pembaruan apa pun tentang ini" / "Perbaikan apa pun untuk ini" / dll.

Jika Anda buntu, baca utasnya – ada solusi, yang seperti namanya, akan membuat Anda bekerja. Jika Anda ingin mendapatkan pembaruan tentang ini, simpan beberapa penekanan tombol dengan mengklik tombol 'Berlangganan' – yang memungkinkan Anda menerima pembaruan dalam email Anda. Anda juga akan menerima pembaruan setiap kali seseorang berkomentar "Ada pembaruan tentang ini?", jadi tolong, jangan menjadi orang itu.

StefanRein picture StefanRein pada 31 Mei 2018
👎5 👍5

Peringatan ini masih muncul.

jhonnhenry picture jhonnhenry pada 8 Jun 2018
👎5 👍1

@jhonnhenry Bung, serius? Kami tahu - masalahnya masih terbuka. Cukup berlangganan dan lanjutkan perjalanan Anda...

Jika Anda bersikeras untuk meninggalkan komentar, bantu kami menjadi lebih produktif dengan memberikan beberapa wawasan seperti versi apa yang Anda jalankan.

emcniece picture emcniece pada 8 Jun 2018
👍2

Saya menemukan Solusi ini

Pertama temukan file sass.js di bawah /node_modules/@ionic/app-scripts/dist/sass.js. di dalam pencarian var postcssOptions dan tambahkan dari: tidak terdefinisi,

Akhirnya harus seperti ini:

var postcssOptions = {
dari: tidak terdefinisi,
ke: path_1.basename(sassConfig.outFile),
peta: autoPrefixerMapOptions
};

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

islameg26 picture islameg26 pada 6 Agu 2018
😕4 👎2

Masih mendapat peringatannya. Melompat ke node_modules tidak serius ::/

trsh picture trsh pada 30 Nov 2018
👍1

Terima kasih untuk masalah ini! Kami telah memindahkan kode sumber dan masalah untuk Ionic 3 ke dalam repositori terpisah. Saya memindahkan masalah ini ke repositori untuk Ionic 3. Harap lacak masalah ini di sana.

Terima kasih telah menggunakan Ionic!

ionitron-bot[bot] picture ionitron-bot[bot] pada 8 Des 2018

Masalah dipindahkan ke: https://github.com/ionic-team/ionic-v3/issues/883

ionitron-bot[bot] picture ionitron-bot[bot] pada 8 Des 2018
Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

infinnie picture infinnie  ·  76Komentar
aces-tm picture aces-tm  ·  83Komentar
tonyawad88 picture tonyawad88  ·  100Komentar
TheMohanraj picture TheMohanraj  ·  159Komentar
tianleios picture tianleios  ·  84Komentar