Skip to content

Typo liner in animation value causes Missed semicolon error #26

@karlhorky

Description

@karlhorky

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/[email protected]_@[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/webpack/bundle5.js:28:311139)
    at /vercel/path0/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/webpack/bundle5.js:28:105980
    at eval (eval at create (/vercel/path0/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected][email protected]/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/[email protected]/node_modules/postcss/lib/input.js:148:16)
    at ScssParser.checkMissedSemicolon (/vercel/path0/node_modules/.pnpm/[email protected]/node_modules/postcss/lib/parser.js:596:22)
    at ScssParser.decl (/vercel/path0/node_modules/.pnpm/[email protected]/node_modules/postcss/lib/parser.js:279:12)
    at ScssParser.other (/vercel/path0/node_modules/.pnpm/[email protected]/node_modules/postcss/lib/parser.js:162:12)
    at ScssParser.parse (/vercel/path0/node_modules/.pnpm/[email protected]/node_modules/postcss/lib/parser.js:72:16)
    at scssParse (/vercel/path0/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/postcss-scss/scss-syntax.js:1:322)
    at new LazyResult (/vercel/path0/node_modules/.pnpm/[email protected]/node_modules/postcss/lib/lazy-result.js:133:16)
    at Processor.process (/vercel/path0/node_modules/.pnpm/[email protected]/node_modules/postcss/lib/processor.js:28:14)
    at CssMinimizerPlugin.optimizeAsset (/vercel/path0/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected][email protected]/node_modules/next/dist/build/webpack/plugins/css-minimizer-plugin.js:48:12)
    at /vercel/path0/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected][email protected]/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/[email protected]/node_modules/postcss/lib/input.js:148:16)
    at ScssParser.checkMissedSemicolon (/vercel/path0/node_modules/.pnpm/[email protected]/node_modules/postcss/lib/parser.js:596:22)
    at ScssParser.decl (/vercel/path0/node_modules/.pnpm/[email protected]/node_modules/postcss/lib/parser.js:279:12)
    at ScssParser.other (/vercel/path0/node_modules/.pnpm/[email protected]/node_modules/postcss/lib/parser.js:162:12)
    at ScssParser.parse (/vercel/path0/node_modules/.pnpm/[email protected]/node_modules/postcss/lib/parser.js:72:16)
    at scssParse (/vercel/path0/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/postcss-scss/scss-syntax.js:1:322)
    at new LazyResult (/vercel/path0/node_modules/.pnpm/[email protected]/node_modules/postcss/lib/lazy-result.js:133:16)
    at Processor.process (/vercel/path0/node_modules/.pnpm/[email protected]/node_modules/postcss/lib/processor.js:28:14)
    at CssMinimizerPlugin.optimizeAsset (/vercel/path0/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected][email protected]/node_modules/next/dist/build/webpack/plugins/css-minimizer-plugin.js:48:12)
    at /vercel/path0/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected][email protected]/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

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions