Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

Keen version 2.1.1. Gulp Quick Start


Good day

please advise how to resolve problem with gulp quick start for Keen thene version 2.1.1.

Error in plugin "sass"
Message:
..\demo1\src\sass\style.bundle.css
Error: TypeError: null: type 'JSNull' is not a subtype of type 'String'
F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:6520
throw error;
^
Error: TypeError: null: type 'JSNull' is not a subtype of type 'String'
at Object.wrapException (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:2286:43)
at Object._failedAsCheck (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:3798:15)
at Rti._generalAsCheckImplementation [as _as] (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:3787:9)
at ArrayIterator.get$current (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:35213:50)
at Object.get$current$x (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:792:43)
at _SyncStarIterator.moveNext$0 (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:38142:41)
at Object.List_List$from (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:6534:49)
at Object.List_List$unmodifiable (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:6559:22)
at Object._parseImporter (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:29003:51)
at F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:28769:22 {
dartException: <ref *1> PluginError: TypeError: null: type 'JSNull' is not a subtype of type 'String'
at Object.wrapException (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:2286:43)
at Object._failedAsCheck (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:3798:15)
at Rti._generalAsCheckImplementation [as _as] (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:3787:9)
at ArrayIterator.get$current (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:35213:50)
at Object.get$current$x (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:792:43)
at _SyncStarIterator.moveNext$0 (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:38142:41)
at Object.List_List$from (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:6534:49)
at Object.List_List$unmodifiable (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:6559:22)
at Object._parseImporter (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:29003:51)
at F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:28769:22 {
formatted: "Error: TypeError: null: type 'JSNull' is not a subtype of type 'String'",
status: 3,
messageFormatted: '\x1B[4m..\\demo1\\src\\sass\\style.bundle.css\x1B[24m\n' +
"Error: TypeError: null: type 'JSNull' is not a subtype of type 'String'",
messageOriginal: "TypeError: null: type 'JSNull' is not a subtype of type 'String'",
relativePath: '..\\demo1\\src\\sass\\style.bundle.css',
message: '..\\demo1\\src\\sass\\style.bundle.css\n' +
"Error: TypeError: null: type 'JSNull' is not a subtype of type 'String'",
__safety: undefined,
_stack: undefined,
plugin: 'gulp-dart-sass',
showProperties: true,
showStack: false,
domainEmitter: Stream {
_events: [Object: null prototype] {},
_eventsCount: 0,
_maxListeners: undefined,
write: [Function: method],
end: [Function: method],
destroy: [Function: method],
resume: [Function: method],
pause: [Function: method],
writable: true,
readable: true,
[Symbol(kCapture)]: false
},
domainThrown: false,
'$cachedTrace': _StackTrace {
_exception: [Circular *1],
_trace: "Error: TypeError: null: type 'JSNull' is not a subtype of type 'String'\n" +
' at Object.wrapException (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:2286:43)\n' +
' at Object._failedAsCheck (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:3798:15)\n' +
' at Rti._generalAsCheckImplementation [as _as] (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:3787:9)\n' +
' at ArrayIterator.get$current (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:35213:50)\n' +
' at Object.get$current$x (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:792:43)\n' +
' at _SyncStarIterator.moveNext$0 (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:38142:41)\n' +
' at Object.List_List$from (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:6534:49)\n' +
' at Object.List_List$unmodifiable (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:6559:22)\n' +
' at Object._parseImporter (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:29003:51)\n' +
' at F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:28769:22'
}
}
}

Node.js v18.17.0


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)


Hi

Could you please try to add this in tools/package.json file? Some of the plugins are outdated. We will check it.


"overrides": {
"gulp-dart-sass": {
"sass": "1.70.0"
}
},
"resolutions": {
"gulp-dart-sass/sass": "1.70.0"
},


Thanks



Dear Sirs,

I will appreciate if you provide solution how I can compile all the assets(sass, js, media) to assets/ folder for --demo1.

I spent a lot of time to try nodejs from reccomended on your site as indicated "The suggested version to install is 14.15.x LTS" to the latest stable version.

If you do not have solution, please provide keen 2.1.1. with compiled all assets.

Thank you in advance.



Hi,
Unfo, I have the same situation

# gulp --demo1
[8:10:6] Using config ./../gulp.config.json
[08:10:23] Using gulpfile F:\OpenServerPrev\domains\keen-v211\theme\tools\gulpfile.js
[08:10:23] Starting 'default'...
[08:10:23] Starting 'clean'...
[08:10:23] Finished 'clean' after 21 ms
[08:10:23] Starting 'build-bundle'...
[08:10:24] Finished 'build-bundle' after 186 ms
[08:10:24] Finished 'default' after 235 ms
Error in plugin "sass"
Message:
..\demo1\src\sass\style.bundle.css
Error: TypeError: null: type 'JSNull' is not a subtype of type 'String'
F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:6520
throw error;
^

Error: TypeError: null: type 'JSNull' is not a subtype of type 'String'
at Object.wrapException (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:2286:43)
at Object._failedAsCheck (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:3798:15)
at Rti._generalAsCheckImplementation [as _as] (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:3787:9)
at ArrayIterator.get$current (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:35213:50)
at Object.get$current$x (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:792:43)
at _SyncStarIterator.moveNext$0 (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:38142:41)
at Object.List_List$from (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:6534:49)
at Object.List_List$unmodifiable (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:6559:22)
at Object._parseImporter (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:29003:51)
at F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:28769:22 {
dartException: <ref *1> PluginError: TypeError: null: type 'JSNull' is not a subtype of type 'String'
at Object.wrapException (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:2286:43)
at Object._failedAsCheck (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:3798:15)
at Rti._generalAsCheckImplementation [as _as] (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:3787:9)
at ArrayIterator.get$current (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:35213:50)
at Object.get$current$x (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:792:43)
at _SyncStarIterator.moveNext$0 (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:38142:41)
at Object.List_List$from (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:6534:49)
at Object.List_List$unmodifiable (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:6559:22)
at Object._parseImporter (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:29003:51)
at F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:28769:22 {
formatted: "Error: TypeError: null: type 'JSNull' is not a subtype of type 'String'",
status: 3,
messageFormatted: '\x1B[4m..\\demo1\\src\\sass\\style.bundle.css\x1B[24m\n' +
"Error: TypeError: null: type 'JSNull' is not a subtype of type 'String'",
messageOriginal: "TypeError: null: type 'JSNull' is not a subtype of type 'String'",
relativePath: '..\\demo1\\src\\sass\\style.bundle.css',
message: '..\\demo1\\src\\sass\\style.bundle.css\n' +
"Error: TypeError: null: type 'JSNull' is not a subtype of type 'String'",
__safety: undefined,
_stack: undefined,
plugin: 'gulp-dart-sass',
showProperties: true,
showStack: false,
domainEmitter: Stream {
_events: [Object: null prototype] {},
_eventsCount: 0,
_maxListeners: undefined,
write: [Function: method],
end: [Function: method],
destroy: [Function: method],
resume: [Function: method],
pause: [Function: method],
writable: true,
readable: true,
[Symbol(shapeMode)]: false,
[Symbol(kCapture)]: false
},
domainThrown: false,
'$cachedTrace': _StackTrace {
_exception: [Circular *1],
_trace: "Error: TypeError: null: type 'JSNull' is not a subtype of type 'String'\n" +
' at Object.wrapException (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:2286:43)\n' +
' at Object._failedAsCheck (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:3798:15)\n' +
' at Rti._generalAsCheckImplementation [as _as] (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:3787:9)\n' +
' at ArrayIterator.get$current (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:35213:50)\n' +
' at Object.get$current$x (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:792:43)\n' +
' at _SyncStarIterator.moveNext$0 (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:38142:41)\n' +
' at Object.List_List$from (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:6534:49)\n' +
' at Object.List_List$unmodifiable (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:6559:22)\n' +
' at Object._parseImporter (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:29003:51)\n' +
' at F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:28769:22'
}
}
}

Node.js v20.18.3



Hi,

Could you please try to upgrade node.js to version 20.x?

https://nodejs.org/en/download

Thanks



Hi,
Unfo, I have the same situation

# gulp --demo1
[8:10:6] Using config ./../gulp.config.json
[08:10:23] Using gulpfile F:\OpenServerPrev\domains\keen-v211\theme\tools\gulpfile.js
[08:10:23] Starting 'default'...
[08:10:23] Starting 'clean'...
[08:10:23] Finished 'clean' after 21 ms
[08:10:23] Starting 'build-bundle'...
[08:10:24] Finished 'build-bundle' after 186 ms
[08:10:24] Finished 'default' after 235 ms
Error in plugin "sass"
Message:
..\demo1\src\sass\style.bundle.css
Error: TypeError: null: type 'JSNull' is not a subtype of type 'String'
F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:6520
throw error;
^

Error: TypeError: null: type 'JSNull' is not a subtype of type 'String'
at Object.wrapException (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:2286:43)
at Object._failedAsCheck (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:3798:15)
at Rti._generalAsCheckImplementation [as _as] (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:3787:9)
at ArrayIterator.get$current (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:35213:50)
at Object.get$current$x (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:792:43)
at _SyncStarIterator.moveNext$0 (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:38142:41)
at Object.List_List$from (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:6534:49)
at Object.List_List$unmodifiable (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:6559:22)
at Object._parseImporter (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:29003:51)
at F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:28769:22 {
dartException: <ref *1> PluginError: TypeError: null: type 'JSNull' is not a subtype of type 'String'
at Object.wrapException (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:2286:43)
at Object._failedAsCheck (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:3798:15)
at Rti._generalAsCheckImplementation [as _as] (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:3787:9)
at ArrayIterator.get$current (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:35213:50)
at Object.get$current$x (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:792:43)
at _SyncStarIterator.moveNext$0 (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:38142:41)
at Object.List_List$from (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:6534:49)
at Object.List_List$unmodifiable (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:6559:22)
at Object._parseImporter (F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:29003:51)
at F:\OpenServerPrev\domains\keen-v211\theme\tools\node_modules\sass\sass.dart.js:28769:22 {
formatted: "Error: TypeError: null: type 'JSNull' is not a subtype of type 'String'",
status: 3,
messageFormatted: '\x1B[4m..\\demo1\\src\\sass\\style.bundle.css\x1B[24m\n' +
"Error: TypeError: null: type 'JSNull' is not a subtype of type 'String'",
messageOriginal: "TypeError: null: type 'JSNull' is not a subtype of type 'String'",
relativePath: '..\\demo1\\src\\sass\\style.bundle.css',
message: '..\\demo1\\src\\sass\\style.bundle.css\n' +
"Error: TypeError: null: type 'JSNull' is not a subtype of type 'String'",
__safety: undefined,
_stack: undefined,
plugin: 'gulp-dart-sass',
showProperties: true,
showStack: false,
domainEmitter: Stream {
_events: [Object: null prototype] {},
_eventsCount: 0,
_maxListeners: undefined,
write: [Function: method],
end: [Function: method],
destroy: [Function: method],
resume: [Function: method],
pause: [Function: method],
writable: true,
readable: true,
[Symbol(shapeMode)]: false,
[Symbol(kCapture)]: false
},
domainThrown: false,
'$cachedTrace': _StackTrace {
_exception: [Circular *1],
_trace: "Error: TypeError: null: type 'JSNull' is not a subtype of type 'String'\n" +
' at Object.wrapException (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:2286:43)\n' +
' at Object._failedAsCheck (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:3798:15)\n' +
' at Rti._generalAsCheckImplementation [as _as] (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:3787:9)\n' +
' at ArrayIterator.get$current (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:35213:50)\n' +
' at Object.get$current$x (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:792:43)\n' +
' at _SyncStarIterator.moveNext$0 (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:38142:41)\n' +
' at Object.List_List$from (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:6534:49)\n' +
' at Object.List_List$unmodifiable (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:6559:22)\n' +
' at Object._parseImporter (F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:29003:51)\n' +
' at F:\\OpenServerPrev\\domains\\keen-v211\\theme\\tools\\node_modules\\sass\\sass.dart.js:28769:22'
}
}
}

Node.js v20.18.3


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(