Example application vue-example-app does not work out of the box.

[dwjohnston]

Describe the bug
Running the example application examples/vue-example-app does not, it encounters this error:

To Reproduce
Steps to reproduce the behaviour:

1. git clone [email protected]:dpc-sdp/ripple.git
2. cd ripple/examples/vue-example-app/
3. npm i
4. npm run serve

Expected behaviour

I get a running application on a local port.

Actual behaviour
I get the folllowing error message:

 ERROR  Failed to compile with 3 errors                                                                        12:28:14 pm

These dependencies were not found:

* @dpc-sdp/ripple-grants/grants-status in ./node_modules/@dpc-sdp/ripple-card/mixins/card.js
* @dpc-sdp/ripple-grid in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dpc-sdp/ripple-card/CardCompactGrid.vue?vue&type=script&lang=js&
* @dpc-sdp/ripple-responsive-img in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dpc-sdp/ripple-card/CardCta.vue?vue&type=script&lang=js&

To install them, you can run: npm install --save @dpc-sdp/ripple-grants/grants-status @dpc-sdp/ripple-grid @dpc-sdp/ripple-responsive-img

Attemping to install these dependencies manually gives this error message:

npm ERR! Could not install from "@dpc-sdp/ripple-grants/grants-status" as it does not contain a package.json file.

Versions

• Ripple:

Desktop (please complete the following information):

• OS: macOS 10.15.7
• Node 14.17.6
• npm 6.14.15

I also tried with :

• Node 12.21.0
• npm 6.14.11

[dwjohnston]

I thought that maybe upgrading ripple-card to 1.24.3 but that doesn't appear to solve it.

[dwjohnston]

I tried removing the Ripple Card from HelloRipple.vue but now I get:

 ERROR  Failed to compile with 1 error                                                                         12:48:42 PM

 error  in ./src/components/HelloRipple.vue

Module Error (from ./node_modules/eslint-loader/index.js):

/Users/djohnston/git/personal/ripple/examples/vue-example-app/src/components/HelloRipple.vue
  0:0  error  Parsing error: babel.loadPartialConfigSync is not a function

✖ 1 problem (1 error, 0 warnings)