got an error when I tried to customize the summit ...
# suitecommerce
t
got an error when I tried to customize the summit theme. first time I ever run into this
s
Update to SCEM 2023.2.1 or newer
t
thanks let me try that
I'm running into the sass compiler error now. I guess it is because of the change to dart. I can't find any migration documentaion
Also wouldn't native themes already be upgraded
s
Links to help docs were included in the PFCN we sent out
But there’s nothing in the help center about it because it is not a NetSuite thing. You can Google more about migrating to Dart Sass
And yes, all of our OOTB themes have been migrated
t
thanks Steve
not sure why activating again resolved the error
b
Same happened to me. 🙂 But it is working now.
👍 1
n
@Steve Goldberg i've updated SCEM to 2023.2.1 but still we're getting error sass compiler error
s
And what error are you getting?
n
s
That’s not helpful. Post the error message itself
n
{ "type": "error.SuiteScriptError", "name": "3435", "message": "Compiler was unable to compile the given input file.", "id": null, "stack": [ "createError(N/error)" ], "cause": { "message": "Compiler was unable to compile the given input file.", "stack": [ "createError(N/error)", "map(/SuiteBundles/Bundle 500777/ExtensionMechanism.Server/CompilersMapReduce/SassCompilerMapReduce.js:165)" ], "name": "3435", "data": { "response": null, "notifications": [ { "message": "Compilation error occured.", "status": "1", "json": "compound selectors may no longer be extended.\nConsider
@extend .button-secondary, :hover
instead.\nSee https://sass-lang.com/d/extend-compound for details.\n", "file": "filecabinet:/SuiteScripts/Deploy_Extensions/NS%20Theme/NS_masters_Theme_Update@1.0.0/Modules/BaseSassStyles@sc-2019.1.0/Sass/atoms/_buttons.scss 325:11 @import\nfilecabinet:/SuiteScripts/Deploy_Extensions/NS%20Theme/NS_masters_Theme_Update@1.0.0/Modules/BaseSassStyles@sc-2019.1.0/Sass/_main-atoms.scss 27:9 @import\nfilecabinet:/SuiteScripts/Deploy_Extensions/NS%20Theme/NS_masters_Theme_Update@1.0.0/Modules/Checkout/checkout.scss 49:9 @import\nfilecabinet:/Web%20Site%20Hosting%20Files/Live%20Hosting%20Files/SSP%20Applications/NetSuite%20Inc.%20-%20SCA%202023.2.0/Development/extensions/meta_checkout_1.scss 33:9 root stylesheet\n", "src": "filecabinet:/SuiteScripts/Deploy_Extensions/NS%20Theme/NS_masters_Theme_Update@1.0.0/Modules/BaseSassStyles@sc-2019.1.0/Sass/atoms/_buttons.scss 325:11 @import\nfilecabinet:/SuiteScripts/Deploy_Extensions/NS%20Theme/NS_masters_Theme_Update@1.0.0/Modules/BaseSassStyles@sc-2019.1.0/Sass/_main-atoms.scss 27:9 @import\nfilecabinet:/SuiteScripts/Deploy_Extensions/NS%20Theme/NS_masters_Theme_Update@1.0.0/Modules/Checkout/checkout.scss 49:9 @import\nfilecabinet:/Web%20Site%20Hosting%20Files/Live%20Hosting%20Files/SSP%20Applications/NetSuite%20Inc.%20-%20SCA%202023.2.0/Development/extensions/meta_checkout_1.scss 33:9 root stylesheet\n", "detail": "Error: compound selectors may no longer be extended.\nConsider
@extend .button-secondary, :hover
instead.\nSee https://sass-lang.com/d/extend-compound for details.\n\n ╷\n325 │ @extend .button-secondary:hover;\n │ ^^^^^^^^^^^^^^^^^^^^^^^\n ╵\n filecabinet:/SuiteScripts/Deploy_Extensions/NS%20Theme/NS_masters_Theme_Update@1.0.0/Modules/BaseSassStyles@sc-2019.1.0/Sass/atoms/_buttons.scss 325:11 @import\n filecabinet:/SuiteScripts/Deploy_Extensions/NS%20Theme/NS_masters_Theme_Update@1.0.0/Modules/BaseSassStyles@sc-2019.1.0/Sass/_main-atoms.scss 27:9 @import\n filecabinet:/SuiteScripts/Deploy_Extensions/NS%20Theme/NS_masters_Theme_Update@1.0.0/Modules/Checkout/checkout.scss 49:9 @import\n filecabinet:/Web%20Site%20Hosting%20Files/Live%20Hosting%20Files/SSP%20Applications/NetSuite%20Inc.%20-%20SCA%202023.2.0/Development/extensions/meta_checkout_1.scss 33:9 root stylesheet", "text": "compound selectors may no longer be extended.\nConsider
@extend .button-secondary, :hover
instead.\nSee https://sass-lang.com/d/extend-compound for details.\n", "severity": { "label": "ERROR", "value": 3 } } ] } }, "notifyOff": false, "userFacing": true }
s
“text”: “compound selectors may no longer be extended.\nConsider
@extend .button-secondary, :hover
instead.\nSee https://sass-lang.com/d/extend-compound for details.\n”,
So it looks like you’re extending compound selectors
Go to the linked documentation for details
n
i think it is coming from the base sass styles we would not extend
s
Yes but if your theme is based on a theme that was built before we migrated to Dart, it will not be compliant and so you will need to modify it yourself
n
how can we get the dart theme? is it available in the suotecopmmerce base theme
s
All the themes have been updated to support Dart
n
u mean suitecommerce base theme?
s
No, I mean all themes
n
@Steve Goldberg I've updated SCEM to 2023.2.1 and I've installed the latest Manor theme. when I'm activating theme we're getting same sass error. anything am I missed?
s
Are you activating just the theme or are you activating your custom extensions as well?
n
only theme and it's related extension
b
Activate it again. Is this the error you're getting?
Copy code
{
  "type": "error.SuiteScriptError",
  "name": "81873",
  "message": "Compiler was unable to compile the given input file.",
  "id": null,
  "stack": [
    "createError(N/error)"
  ],
  "cause": {
    "message": "Compiler was unable to compile the given input file.",
    "stack": [
      "createError(N/error)",
      "map(/SuiteBundles/Bundle 500777/ExtensionMechanism.Server/CompilersMapReduce/SassCompilerMapReduce.js:165)"
    ],
    "name": "81873",
    "data": {
      "response": null,
      "notifications": []
    }
  },
  "notifyOff": false,
  "userFacing": true
}
The same happened to ma after fixing the sass errors in my theme and extensions.
s
OK, well I don’t have an answer for you. I would raise a support case.
n
OK Steve
i'll try to activating without extension
b
I get this error once in a while, but if you keep activating then at some point it completes.
Copy code
{
  "type": "error.SuiteScriptError",
  "name": "94253",
  "message": "Compiler was unable to compile the given input file.",
  "id": null,
  "stack": [
    "createError(N/error)"
  ],
  "cause": {
    "message": "Compiler was unable to compile the given input file.",
    "stack": [
      "createError(N/error)",
      "map(/SuiteBundles/Bundle 500777/ExtensionMechanism.Server/CompilersMapReduce/SassCompilerMapReduce.js:165)"
    ],
    "name": "94253",
    "data": {
      "response": null,
      "notifications": []
    }
  },
  "notifyOff": false,
  "userFacing": true
}
c
Wow, I'm getting this now too. Gonna retry and say a prayer.
Ummm... yep, trying the activation again seems to do the trick.