Adding 'govuk-prototype-components' to the NHS Prototype Kit gives SASS errors

[nhsbsa-sthil]

Appreciate that the GOV.UK Prototype Components package is expected to be used within the GOV.UK Prototype Kit, but following the current 'Getting started' guide gives errors within the NHS Prototype Kit.

Installing the package via npm works fine, but trying to import the SASS rules in the main.scss file by using the following...

@import "node_modules/@x-govuk/govuk-prototype-components/src/x-govuk";

Gives the following error:

[14:13:25] Error in plugin "compileCSS"
Message:
app/assets/sass/main.scss
Error: Can't find stylesheet to import.
╷
5 │ @import "node_modules/@x-govuk/govuk-prototype-components/src/x-govuk";
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
- 5:9 root stylesheet
[14:13:25] 'build' errored after 778 ms

[nhsbsa-sthil]

Can't seem to assign you @paulrobertlloyd, but here is the issue! 👍