parcel build fails with "semantic.min.css:undefined:undefined: decl.moveTo is not a function" #2505

devmao · 2019-01-04T09:24:31Z

🐛 bug report

I'm using Semantic-UI-React and the build fails. In dev, it's working fine.

In my index.js, I'm importing the Semantic CSS file as follow:

import 'semantic-ui-css/semantic.min.css'

🎛 Configuration (.babelrc, package.json, cli command)

My .babelrc:

{
  "presets": ["env", "react"],
  "plugins": [
    "transform-object-rest-spread",
    "transform-class-properties",
    "react-hot-loader/babel"
  ]
}

🤔 Expected Behavior

The build should not failed!

😯 Current Behavior

The build fails with this error:

×  C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\semantic-ui-css\semantic.min.css:undefined:undefined: decl.moveTo is not a function
    at C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\semantic-ui-css\semantic.min.css:19:919
    at C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\semantic-ui-css\semantic.min.css:19:928
    at C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\postcss-merge-rules\dist\index.js:246:22
    at C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\parcel-bundler\node_modules\postcss\lib\container.js:135:18
    at Rule.each (C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\parcel-bundler\node_modules\postcss\lib\container.js:101:16)
    at Rule.walk (C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\parcel-bundler\node_modules\postcss\lib\container.js:131:17)
    at C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\postcss-merge-rules\dist\index.js:242:18
    at C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\parcel-bundler\node_modules\postcss\lib\container.js:239:18
    at C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\parcel-bundler\node_modules\postcss\lib\container.js:135:18
    at Root.each (C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\parcel-bundler\node_modules\postcss\lib\container.js:101:16)
    at Root.walk (C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\parcel-bundler\node_modules\postcss\lib\container.js:131:17)
    at Root.walkRules (C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\parcel-bundler\node_modules\postcss\lib\container.js:237:19)

💁 Possible Solution

A downgrade of Semantic-UI or Parcel(?)

🔦 Context

I'm importing Sementic-UI-CSS as described in Sementic-UI documentation

💻 Code Sample

import 'semantic-ui-css/semantic.min.css'

🌍 Your Environment

Software	Version(s)
Parcel	1.11.0
Node	10.14.0
npm/Yarn	6.4.1
Operating System	Windows 10
Sementic-UI	0.84.0

The text was updated successfully, but these errors were encountered:

DeMoorJasper · 2019-01-04T09:35:50Z

Might be a cssnano bug, does it work with --no-minify?

devmao · 2019-01-04T09:41:00Z

Yes, works with --no-minify. I guess it's a dep issue:

`-- parcel-bundler@1.11.0
  +-- cssnano@4.1.8
  | `-- cssnano-preset-default@4.0.6
  |   `-- postcss-merge-rules@4.0.2
  `-- htmlnano@0.1.10
    `-- cssnano@3.10.0
      `-- postcss-merge-rules@2.1.2

htmlnano@0.1.10 uses an old version of postcss-merge-rules.

DeMoorJasper · 2019-01-04T09:44:23Z

@devmao would be great if you could experiment a little and update the htmlnano dep manually to test it.

devmao · 2019-01-04T09:49:52Z

The latest htmlnano (0.2.2) uses the same cssnano (^4.1.8) of parcel-bundler. So, an htmlnano upgrade to 0.2.2 should fix this issue.

mischnic · 2019-01-04T18:57:12Z

@devmao Was this fixed by your PR?

JAicewizard · 2021-05-24T11:33:45Z

This still happens using parcel-bundler 1.12.5. Even with an empty css file.

inde.html:

<!DOCTYPE html><html lang="en"><link rel="stylesheet" href="style.css" /></html>

style.css:

KokoDoko · 2021-05-27T17:04:46Z

Still the same problem here. I can fix it only by using --no-minify

AlexMelw · 2021-06-02T14:50:39Z

Still the same problem here. I can fix it only by using --no-minify

That helped as a quick temporary solution. But that's a hack. We do need minification for production.

jedgar1mx · 2021-06-09T23:54:47Z

Yes, I'm having the same issue.

aaroncrawford · 2021-06-10T20:24:10Z

@AlexMelw @jedgar1mx

Was getting the same issue with parcel 1.12.5 and cssnano v5. Downgraded cssnano to 4.1.11 and it started building.

npm uninstall cssnano
npm i -D cssnano@4.1.11

Not sure if it will fix anyone else's issue, but worked for us.

Daemoneq · 2021-06-14T10:27:58Z

I lov u bro it works for me

AlexMelw · 2021-06-14T11:24:45Z

@AlexMelw @jedgar1mx

Was getting the same issue with parcel 1.12.5 and cssnano v5. Downgraded cssnano to 4.1.11 and it started building.

npm uninstall cssnano
npm i -D cssnano@4.1.11

Not sure if it will fix anyone else's issue, but worked for us.

Where did you run those commands?
Inside your current work project or inside the Parcel project?

aaroncrawford · 2021-06-14T15:07:46Z

Run those commands wherever your package.json file is

jackie1santana · 2021-11-26T03:10:58Z

npm uninstall cssnano
npm i -D cssnano@4.1.11

thank you it worked

kianbabai · 2022-10-29T12:27:40Z

@AlexMelw @jedgar1mx

Was getting the same issue with parcel 1.12.5 and cssnano v5. Downgraded cssnano to 4.1.11 and it started building.

npm uninstall cssnano npm i -D cssnano@4.1.11

Not sure if it will fix anyone else's issue, but worked for us.

Thank you.

DeMoorJasper added the 🐛 Bug label Jan 4, 2019

devmao mentioned this issue Jan 4, 2019

upgrade htmlnano dep #2506

Merged

3 tasks

DeMoorJasper closed this as completed Jan 5, 2019

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

parcel build fails with "semantic.min.css:undefined:undefined: decl.moveTo is not a function" #2505

parcel build fails with "semantic.min.css:undefined:undefined: decl.moveTo is not a function" #2505

devmao commented Jan 4, 2019

DeMoorJasper commented Jan 4, 2019

devmao commented Jan 4, 2019

DeMoorJasper commented Jan 4, 2019

devmao commented Jan 4, 2019 •

edited

mischnic commented Jan 4, 2019

JAicewizard commented May 24, 2021

KokoDoko commented May 27, 2021

AlexMelw commented Jun 2, 2021

jedgar1mx commented Jun 9, 2021

aaroncrawford commented Jun 10, 2021 •

edited

Daemoneq commented Jun 14, 2021

AlexMelw commented Jun 14, 2021 •

edited

aaroncrawford commented Jun 14, 2021

jackie1santana commented Nov 26, 2021

kianbabai commented Oct 29, 2022 •

edited

parcel build fails with "semantic.min.css:undefined:undefined: decl.moveTo is not a function" #2505

parcel build fails with "semantic.min.css:undefined:undefined: decl.moveTo is not a function" #2505

Comments

devmao commented Jan 4, 2019

🐛 bug report

🎛 Configuration (.babelrc, package.json, cli command)

🤔 Expected Behavior

😯 Current Behavior

💁 Possible Solution

🔦 Context

💻 Code Sample

🌍 Your Environment

DeMoorJasper commented Jan 4, 2019

devmao commented Jan 4, 2019

DeMoorJasper commented Jan 4, 2019

devmao commented Jan 4, 2019 • edited

mischnic commented Jan 4, 2019

JAicewizard commented May 24, 2021

KokoDoko commented May 27, 2021

AlexMelw commented Jun 2, 2021

jedgar1mx commented Jun 9, 2021

aaroncrawford commented Jun 10, 2021 • edited

Daemoneq commented Jun 14, 2021

AlexMelw commented Jun 14, 2021 • edited

aaroncrawford commented Jun 14, 2021

jackie1santana commented Nov 26, 2021

kianbabai commented Oct 29, 2022 • edited

devmao commented Jan 4, 2019 •

edited

aaroncrawford commented Jun 10, 2021 •

edited

AlexMelw commented Jun 14, 2021 •

edited

kianbabai commented Oct 29, 2022 •

edited