getting runtime-only build

Hi. Great looking package here. I’m trying to use it in a vue app, but when I include the <vue-snotify></vue-snotify> component in my App.vue, I get a warning saying:

“you are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.” found in —> <Snotify> …

In my main.js, i have:

import {Snotify} from 'vue-snotify';
Vue.use(Snotify)

And in App.vue, I put in:

<template>
  <div>
    <vue-snotify></vue-snotify>
    <div class="conteudo">
      <main>
        <router-view></router-view>
      </main>
    </div>
  </div>
</template>

Any ideas on what I may be doing wrong?

[erodewald]

I’m new to Vue, and this doesn’t seem to work out of the box with my vue-cli 3 template. @artemsky maybe the project needs to be updated to support it? Just thinking out loud, as I have not yet found a good solution for it that doesn’t include providing webpack resolve aliases for pretty much everything. Compilation fails otherwise.

edit: I was able to get it working fine, but only if I used the chainWebpack to set the alias in vue.config.js:

module.exports = {
  chainWebpack: config => {
    config.resolve.alias.set("vue$", "vue/dist/vue.esm.js");
  }
};

[arenddeboer]

Thanks. I don’t know enough of Vue to give any advice, other than the downside of the added size if you include the compiler.

For others having this issue, I was able to get going again with this change in Webpack:

resolve: {
    alias: {
      vue$: 'vue/dist/vue.esm.js'
    }
  }

Thanks for an awesome package.