I've tried the solution recommended in this thread, but unfortunately, it's not working for me.
Every time I run npm run dev, I encounter an error message:
ERROR - Compilation failed with 1 error at 11:21:24
The following dependency was not found:
- mojo/signup-forms/Loader in ./node_modules/babel-loader/lib?{"babelrc":false,"cacheDirectory":true,"presets":[["D://Code//frontend//node_modules//babel-preset-vue-app//dist//index.common.js",{"targets":{"ie":9,"uglify":true}}]]}!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./layouts/default.vue
To resolve this issue, you can install it using: npm install --save mojo/signup-forms/Loader
However, when I attempt to install it through npm, I face the following error:
$ npm install --save mojo/signup-forms/Loader npm ERR! code ENOLOCAL npm ERR! Could not install from "mojo/signup-forms/Loader" as it does not have a package.json file.
I'm stuck and unsure of what steps to take next.
For reference, here is my complete default.vue code snippet:
<template>
<div>
<header-block></header-block>
<nuxt/>
<footer-block></footer-block>
</div>
</template>
<script>
import HeaderBlock from '~/components/Header.vue'
import FooterBlock from '~/components/Footer.vue'
require(['mojo/signup-forms/Loader'], function (L) {
L.start({'baseUrl': 'mc.us9.list-manage.com', 'uuid': 'xxxx', 'lid': 'xxxx'})
})
export default {
components: {HeaderBlock, FooterBlock}
}
</script>