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,
When i tried to add inkline to nuxt 4 and start a dev server, go errors: