Skip to content

Inkline does not work with nuxt v4 #431

@R0N1n-dev

Description

@R0N1n-dev

When i tried to add inkline to nuxt 4 and start a dev server, go errors:

PS C:\Users\KIDS\Documents\muxt> bun run dev
$ nuxt dev
Nuxt 4.0.2 with Nitro 2.12.4                                                                                                                                     nuxi 15:42:08
                                                                                                                                                                      15:42:08
  ➜ Local:    http://localhost:3000/
  ➜ Network:  use --host to expose

[i] Watching inkline.config.ts for changes...                                                                                                                         15:42:09
[✓] inkline.config.ts built successfully...                                                                                                                           15:42:09
  ➜ DevTools: press Shift + Alt + D in the browser (v2.6.2)                                                                                                           15:42:10

ℹ Nuxt Icon server bundle mode is set to local                                                                                                                       15:42:11
✔ Vite client built in 46ms                                                                                                                                          15:42:13
✔ Vite server built in 73ms                                                                                                                                          15:42:13
✔ Nuxt Nitro server built in 3301ms                                                                                                                            nitro 15:42:17
ℹ Vite client warmed up in 3ms                                                                                                                                       15:42:17
ℹ Vite server warmed up in 58ms                                                                                                                                      15:42:17
Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.                                                               15:42:23

More info and automated migrator: https://sass-lang.com/d/import

  ╷
2 │ @import 'functions';
  │         ^^^^^^^^^^^
  ╵
    node_modules\@inkline\inkline\css\index.scss 2:9  root stylesheet
Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.                                                               15:42:23

More info and automated migrator: https://sass-lang.com/d/import

  ╷
3 │ @import 'mixins';
  │         ^^^^^^^^
  ╵
    node_modules\@inkline\inkline\css\index.scss 3:9  root stylesheet
Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.                                                               15:42:23  

More info and automated migrator: https://sass-lang.com/d/import

  ╷
4 │ @import 'transitions';
  │         ^^^^^^^^^^^^^
  ╵
    node_modules\@inkline\inkline\css\index.scss 4:9  root stylesheet
Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.                                                               15:42:23  

More info and automated migrator: https://sass-lang.com/d/import

  ╷
5 │ @import 'global';
  │         ^^^^^^^^
  ╵
    node_modules\@inkline\inkline\css\index.scss 5:9  root stylesheet
Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.                                                               15:42:23  

More info and automated migrator: https://sass-lang.com/d/import

  ╷
6 │ @import 'icons';
  │         ^^^^^^^
  ╵
    node_modules\@inkline\inkline\css\index.scss 6:9  root stylesheet
Warning: 216 repetitive deprecation warnings omitted.                                                                                                                 15:42:24
Run in verbose mode to see all warnings.
Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.                                                               15:42:25

More info and automated migrator: https://sass-lang.com/d/import

  ╷
1 │ @import "scale-ratio";
  │         ^^^^^^^^^^^^^
  ╵
    .inkline\css\index.scss 1:9  root stylesheet
Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.                                                               15:42:25

More info and automated migrator: https://sass-lang.com/d/import

  ╷
2 │ @import "size";
  │         ^^^^^^
  ╵
    .inkline\css\index.scss 2:9  root stylesheet
Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.                                                               15:42:25  

More info and automated migrator: https://sass-lang.com/d/import

  ╷
3 │ @import "animation";
  │         ^^^^^^^^^^^
  ╵
    .inkline\css\index.scss 3:9  root stylesheet
Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.                                                               15:42:25  

More info and automated migrator: https://sass-lang.com/d/import

  ╷
4 │ @import "border";
  │         ^^^^^^^^
  ╵
    .inkline\css\index.scss 4:9  root stylesheet
Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.                                                               15:42:25  

More info and automated migrator: https://sass-lang.com/d/import

  ╷
5 │ @import "border-radius";
  │         ^^^^^^^^^^^^^^^
  ╵
    .inkline\css\index.scss 5:9  root stylesheet
Warning: 11 repetitive deprecation warnings omitted.                                                                                                                  15:42:26
Run in verbose mode to see all warnings.
 ERROR  [request error] [unhandled] [GET] http://localhost:3000/                                                                                                      15:42:28


ℹ Error: Unexpected token (12:11)

 ⁃ at createError (C:/Users/KIDS/Documents/muxt/node_modules/h3/dist/index.mjs:71:15)

   66 ┃      return new H3Error(input);
   67 ┃    }
   68 ┃    if (isError(input)) {
   69 ┃      return input;
   70 ┃    }
 ❯ 71 ┃    const err = new H3Error(input.message ?? input.statusMessage ?? "", {
   72 ┃      cause: input.cause || input
   73 ┃    });
   74 ┃    if (hasProp(input, "stack")) {
   75 ┃      try {
   76 ┃        Object.defineProperty(err, "stack", {

 ⁃ (C:/Users/KIDS/Documents/muxt/node_modules/@nuxt/vite-builder/dist/index.mjs:416:21)
 ⁃ at process.processTicksAndRejections (node:internal/process/task_queues:105:5)
 ⁃ at async processMessage (C:/Users/KIDS/Documents/muxt/node_modules/@nuxt/vite-builder/dist/index.mjs:399:30)

[CAUSE]
Error {
  stack: 'Unexpected token (12:11)\n' +
  'at createError (C:/Users/KIDS/Documents/muxt/node_modules/h3/dist/index.mjs:71:15)\n' +
  'at C:/Users/KIDS/Documents/muxt/node_modules/@nuxt/vite-builder/dist/index.mjs:416:21)\n' +
  '    at process.processTicksAndRejections (node:internal/process/task_queues:105:5)\n' +
  'at async processMessage (C:/Users/KIDS/Documents/muxt/node_modules/@nuxt/vite-builder/dist/index.mjs:399:30)',
  message: 'Unexpected token (12:11)',
  data: {
    code: 'VITE_ERROR',
    id: 'virtual:nuxt:C%3A%2FUsers%2FKIDS%2FDocuments%2Fmuxt%2F.nuxt%2Finkline.mjs',
    stack: 'SyntaxError: Unexpected token (12:11)\n' +
    '    at pp$4.raise (file:///C:/Users/KIDS/Documents/muxt/node_modules/acorn/dist/acorn.mjs:3731:13)\n' +
    '    at pp$9.unexpected (file:///C:/Users/KIDS/Documents/muxt/node_modules/acorn/dist/acorn.mjs:770:8)\n' +
    '    at pp$5.parseExprAtomDefault (file:///C:/Users/KIDS/Documents/muxt/node_modules/acorn/dist/acorn.mjs:3070:8)\n' +
    '    at pp$5.parseExprAtom (file:///C:/Users/KIDS/Documents/muxt/node_modules/acorn/dist/acorn.mjs:3065:17)\n' +
    '    at pp$5.parseExprSubscripts (file:///C:/Users/KIDS/Documents/muxt/node_modules/acorn/dist/acorn.mjs:2849:19)\n' +
    '    at pp$5.parseMaybeUnary (file:///C:/Users/KIDS/Documents/muxt/node_modules/acorn/dist/acorn.mjs:2807:17)\n' +
    '    at pp$5.parseExprOps (file:///C:/Users/KIDS/Documents/muxt/node_modules/acorn/dist/acorn.mjs:2735:19)\n' +
    '    at pp$5.parseMaybeConditional (file:///C:/Users/KIDS/Documents/muxt/node_modules/acorn/dist/acorn.mjs:2718:19)\n' +
    '    at pp$5.parseMaybeAssign (file:///C:/Users/KIDS/Documents/muxt/node_modules/acorn/dist/acorn.m'... 118 more characters,
    message: 'Unexpected token (12:11)',
    frame: "10 |          renderMode: 'universal',\n" +

    '11 |          routerComponent: markRaw(NuxtLink),\n' +

    '12 |          ...<%= JSON.stringify(options, 4) %>\n' +

    '   |             ^\n' +

    '13 |      });\n' +

    '14 |  ',
  },
  statusCode: 500,
}
[15:42:28]  ERROR  [request error] [unhandled] [GET] http://localhost:3000/__nuxt_error?error=true&url=%2F&statusCode=500&statusMessage=Server+Error&message=Unexpected+token+(12:11)&data=%7B%22code%22:%22VITE_ERROR%22,%22id%22:%22virtual:nuxt:C%253A%252FUsers%252FKIDS%252FDocuments%252Fmuxt%252F.nuxt%252Finkline.mjs%22,%22stack%22:%22SyntaxError:+Unexpected+token+(12:11)%5Cn++++at+pp$4.raise+(file:%2F%2F%2FC:%2FUsers%2FKIDS%2FDocuments%2Fmuxt%2Fnode_modules%2Facorn%2Fdist%2Facorn.mjs:3731:13)%5Cn++++at+pp$9.unexpected+(file:%2F%2F%2FC:%2FUsers%2FKIDS%2FDocuments%2Fmuxt%2Fnode_modules%2Facorn%2Fdist%2Facorn.mjs:770:8)%5Cn++++at+pp$5.parseExprAtomDefault+(file:%2F%2F%2FC:%2FUsers%2FKIDS%2FDocuments%2Fmuxt%2Fnode_modules%2Facorn%2Fdist%2Facorn.mjs:3070:8)%5Cn++++at+pp$5.parseExprAtom+(file:%2F%2F%2FC:%2FUsers%2FKIDS%2FDocuments%2Fmuxt%2Fnode_modules%2Facorn%2Fdist%2Facorn.mjs:3065:17)%5Cn++++at+pp$5.parseExprSubscripts+(file:%2F%2F%2FC:%2FUsers%2FKIDS%2FDocuments%2Fmuxt%2Fnode_modules%2Facorn%2Fdist%2Facorn.mjs:2849:19)%5Cn++++at+pp$5.parseMaybeUnary+(file:%2F%2F%2FC:%2FUsers%2FKIDS%2FDocuments%2Fmuxt%2Fnode_modules%2Facorn%2Fdist%2Facorn.mjs:2807:17)%5Cn++++at+pp$5.parseExprOps+(file:%2F%2F%2FC:%2FUsers%2FKIDS%2FDocuments%2Fmuxt%2Fnode_modules%2Facorn%2Fdist%2Facorn.mjs:2735:19)%5Cn++++at+pp$5.parseMaybeConditional+(file:%2F%2F%2FC:%2FUsers%2FKIDS%2FDocuments%2Fmuxt%2Fnode_modules%2Facorn%2Fdist%2Facorn.mjs:2718:19)%5Cn++++at+pp$5.parseMaybeAssign+(file:%2F%2F%2FC:%2FUsers%2FKIDS%2FDocuments%2Fmuxt%2Fnode_modules%2Facorn%2Fdist%2Facorn.mjs:2685:19)%5Cn++++at+pp$5.parseProperty+(file:%2F%2F%2FC:%2FUsers%2FKIDS%2FDocuments%2Fmuxt%2Fnode_modules%2Facorn%2Fdist%2Facorn.mjs:3358:26)%22,%22message%22:%22Unexpected+token+(12:11)%22,%22frame%22:%2210+|++++++++++renderMode:+%27universal%27,%5Cn11+|++++++++++routerComponent:+markRaw(NuxtLink),%5Cn12+|++++++++++...%3C%25=+JSON.stringify(options,+4)+%25%3E%5Cn+++|+++++++++++++^%5Cn13+|++++++%7D);%5Cn14+|++%22%7D&stack=Unexpected+token+(12:11)%0Aat+createError+(C:%2FUsers%2FKIDS%2FDocuments%2Fmuxt%2Fnode_modules%2Fh3%2Fdist%2Findex.mjs:71:15)%0Aat+C:%2FUsers%2FKIDS%2FDocuments%2Fmuxt%2Fnode_modules%2F@nuxt%2Fvite-builder%2Fdist%2Findex.mjs:416:21)%0Aat+process.processTicksAndRejections+(node:internal%2Fprocess%2Ftask_queues:105:5)%0Aat+async+processMessage+(C:%2FUsers%2FKIDS%2FDocuments%2Fmuxt%2Fnode_modules%2F@nuxt%2Fvite-builder%2Fdist%2Findex.mjs:399:30)


ℹ Error: Unexpected token (12:11)

 ⁃ at createError (C:/Users/KIDS/Documents/muxt/node_modules/h3/dist/index.mjs:71:15)

   66 ┃      return new H3Error(input);
   67 ┃    }
   68 ┃    if (isError(input)) {
   69 ┃      return input;
   70 ┃    }
 ❯ 71 ┃    const err = new H3Error(input.message ?? input.statusMessage ?? "", {
   72 ┃      cause: input.cause || input
   73 ┃    });
   74 ┃    if (hasProp(input, "stack")) {
   75 ┃      try {
   76 ┃        Object.defineProperty(err, "stack", {

 ⁃ (C:/Users/KIDS/Documents/muxt/node_modules/@nuxt/vite-builder/dist/index.mjs:416:21)
 ⁃ at process.processTicksAndRejections (node:internal/process/task_queues:105:5)
 ⁃ at async processMessage (C:/Users/KIDS/Documents/muxt/node_modules/@nuxt/vite-builder/dist/index.mjs:399:30)

[CAUSE]
Error {
  stack: 'Unexpected token (12:11)\n' +
  'at createError (C:/Users/KIDS/Documents/muxt/node_modules/h3/dist/index.mjs:71:15)\n' +
  'at C:/Users/KIDS/Documents/muxt/node_modules/@nuxt/vite-builder/dist/index.mjs:416:21)\n' +
  '    at process.processTicksAndRejections (node:internal/process/task_queues:105:5)\n' +
  'at async processMessage (C:/Users/KIDS/Documents/muxt/node_modules/@nuxt/vite-builder/dist/index.mjs:399:30)',
  message: 'Unexpected token (12:11)',
  data: {
    code: 'VITE_ERROR',
    id: 'virtual:nuxt:C%3A%2FUsers%2FKIDS%2FDocuments%2Fmuxt%2F.nuxt%2Finkline.mjs',
    stack: 'SyntaxError: Unexpected token (12:11)\n' +
    '    at pp$4.raise (file:///C:/Users/KIDS/Documents/muxt/node_modules/acorn/dist/acorn.mjs:3731:13)\n' +
    '    at pp$9.unexpected (file:///C:/Users/KIDS/Documents/muxt/node_modules/acorn/dist/acorn.mjs:770:8)\n' +
    '    at pp$5.parseExprAtomDefault (file:///C:/Users/KIDS/Documents/muxt/node_modules/acorn/dist/acorn.mjs:3070:8)\n' +
    '    at pp$5.parseExprAtom (file:///C:/Users/KIDS/Documents/muxt/node_modules/acorn/dist/acorn.mjs:3065:17)\n' +
    '    at pp$5.parseExprSubscripts (file:///C:/Users/KIDS/Documents/muxt/node_modules/acorn/dist/acorn.mjs:2849:19)\n' +
    '    at pp$5.parseMaybeUnary (file:///C:/Users/KIDS/Documents/muxt/node_modules/acorn/dist/acorn.mjs:2807:17)\n' +
    '    at pp$5.parseExprOps (file:///C:/Users/KIDS/Documents/muxt/node_modules/acorn/dist/acorn.mjs:2735:19)\n' +
    '    at pp$5.parseMaybeConditional (file:///C:/Users/KIDS/Documents/muxt/node_modules/acorn/dist/acorn.mjs:2718:19)\n' +
    '    at pp$5.parseMaybeAssign (file:///C:/Users/KIDS/Documents/muxt/node_modules/acorn/dist/acorn.m'... 118 more characters,
    message: 'Unexpected token (12:11)',
    frame: "10 |          renderMode: 'universal',\n" +

    '11 |          routerComponent: markRaw(NuxtLink),\n' +

    '12 |          ...<%= JSON.stringify(options, 4) %>\n' +

    '   |             ^\n' +

    '13 |      });\n' +

    '14 |  ',
  },
  statusCode: 500,

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