Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Typo liner in animation value causes Missed semicolon error #26

Open
karlhorky opened this issue Jul 7, 2023 · 0 comments
Open

Typo liner in animation value causes Missed semicolon error #26

karlhorky opened this issue Jul 7, 2023 · 0 comments
Assignees

Comments

@karlhorky
Copy link
Member

The liner typo in the value for animation below causes a HookWebpackError of Missed semicolon (see error below)

.notificationProgress {
  animation: progress 2.5s 0.3s liner;
}

Error:

Failed to compile.
HookWebpackError: /vercel/path0/static/css/9655524614a3ef23.css:1:5402: Missed semicolon
    at makeWebpackError (/vercel/path0/node_modules/.pnpm/next@13.4.5_@babel+core@7.22.8_react-dom@18.2.0_react@18.2.0_sass@1.63.3/node_modules/next/dist/compiled/webpack/bundle5.js:28:311139)
    at /vercel/path0/node_modules/.pnpm/next@13.4.5_@babel+core@7.22.8_react-dom@18.2.0_react@18.2.0_sass@1.63.3/node_modules/next/dist/compiled/webpack/bundle5.js:28:105980
    at eval (eval at create (/vercel/path0/node_modules/.pnpm/next@13.4.5_@babel+core@7.22.8_react-dom@18.2.0_react@18.2.0_sass@1.63.3/node_modules/next/dist/compiled/webpack/bundle5.js:13:28867), <anonymous>:58:1)
-- inner error --
CssSyntaxError: /vercel/path0/static/css/9655524614a3ef23.css:1:5402: Missed semicolon
    at Input.error (/vercel/path0/node_modules/.pnpm/postcss@8.4.14/node_modules/postcss/lib/input.js:148:16)
    at ScssParser.checkMissedSemicolon (/vercel/path0/node_modules/.pnpm/postcss@8.4.14/node_modules/postcss/lib/parser.js:596:22)
    at ScssParser.decl (/vercel/path0/node_modules/.pnpm/postcss@8.4.14/node_modules/postcss/lib/parser.js:279:12)
    at ScssParser.other (/vercel/path0/node_modules/.pnpm/postcss@8.4.14/node_modules/postcss/lib/parser.js:162:12)
    at ScssParser.parse (/vercel/path0/node_modules/.pnpm/postcss@8.4.14/node_modules/postcss/lib/parser.js:72:16)
    at scssParse (/vercel/path0/node_modules/.pnpm/next@13.4.5_@babel+core@7.22.8_react-dom@18.2.0_react@18.2.0_sass@1.63.3/node_modules/next/dist/compiled/postcss-scss/scss-syntax.js:1:322)
    at new LazyResult (/vercel/path0/node_modules/.pnpm/postcss@8.4.14/node_modules/postcss/lib/lazy-result.js:133:16)
    at Processor.process (/vercel/path0/node_modules/.pnpm/postcss@8.4.14/node_modules/postcss/lib/processor.js:28:14)
    at CssMinimizerPlugin.optimizeAsset (/vercel/path0/node_modules/.pnpm/next@13.4.5_@babel+core@7.22.8_react-dom@18.2.0_react@18.2.0_sass@1.63.3/node_modules/next/dist/build/webpack/plugins/css-minimizer-plugin.js:48:12)
    at /vercel/path0/node_modules/.pnpm/next@13.4.5_@babel+core@7.22.8_react-dom@18.2.0_react@18.2.0_sass@1.63.3/node_modules/next/dist/build/webpack/plugins/css-minimizer-plugin.js:80:55
caused by plugins in Compilation.hooks.processAssets
CssSyntaxError: /vercel/path0/static/css/9655524614a3ef23.css:1:5402: Missed semicolon
    at Input.error (/vercel/path0/node_modules/.pnpm/postcss@8.4.14/node_modules/postcss/lib/input.js:148:16)
    at ScssParser.checkMissedSemicolon (/vercel/path0/node_modules/.pnpm/postcss@8.4.14/node_modules/postcss/lib/parser.js:596:22)
    at ScssParser.decl (/vercel/path0/node_modules/.pnpm/postcss@8.4.14/node_modules/postcss/lib/parser.js:279:12)
    at ScssParser.other (/vercel/path0/node_modules/.pnpm/postcss@8.4.14/node_modules/postcss/lib/parser.js:162:12)
    at ScssParser.parse (/vercel/path0/node_modules/.pnpm/postcss@8.4.14/node_modules/postcss/lib/parser.js:72:16)
    at scssParse (/vercel/path0/node_modules/.pnpm/next@13.4.5_@babel+core@7.22.8_react-dom@18.2.0_react@18.2.0_sass@1.63.3/node_modules/next/dist/compiled/postcss-scss/scss-syntax.js:1:322)
    at new LazyResult (/vercel/path0/node_modules/.pnpm/postcss@8.4.14/node_modules/postcss/lib/lazy-result.js:133:16)
    at Processor.process (/vercel/path0/node_modules/.pnpm/postcss@8.4.14/node_modules/postcss/lib/processor.js:28:14)
    at CssMinimizerPlugin.optimizeAsset (/vercel/path0/node_modules/.pnpm/next@13.4.5_@babel+core@7.22.8_react-dom@18.2.0_react@18.2.0_sass@1.63.3/node_modules/next/dist/build/webpack/plugins/css-minimizer-plugin.js:48:12)
    at /vercel/path0/node_modules/.pnpm/next@13.4.5_@babel+core@7.22.8_react-dom@18.2.0_react@18.2.0_sass@1.63.3/node_modules/next/dist/build/webpack/plugins/css-minimizer-plugin.js:80:55
> Build failed because of webpack errors
 ELIFECYCLE  Command failed with exit code 1.
Error: Command "pnpm run build" exited with 1
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants