Skip to content

does this now require coffeescript support? #7

Open
@robbiemu

Description

@robbiemu

I got a basic site right now from vue cli's init webpack foo, with vuex2

I'm getting in the browser 'Error when rendering root instance' and 'Uncaught ReferenceError: _h is not defined'.

my App.vue looks like:

<template>
  <div id="app">
    <img src="./assets/logo.png">
    <side-nav>
      <app-nav />
    </side-nav>
    <container>
      <router-view />
    </container>
  </div>
</template>

<script>
import SideNav from 'vue-side-nav'
import Nav from './components/Nav.vue'

export default {
  name: 'app',
  components: {
    sideNav: SideNav,
    appNav: Nav
  }
}
</script>

and that Nav.vue is just

<template>
  <li id="nav" class="component sidebar">Nav</li>
</template>

<script>
</script>

<style scoped>
</style>

producing:

[Vue warn]: Error when rendering root instance: 
warn
localhost/:2225 Uncaught ReferenceError: _h is not defined
    at Proxy.__vue__options__.render (eval at <anonymous> (app.js:1113), <anonymous>:173:49)
    at VueComponent.Vue._render (eval at <anonymous> (app.js:723), <anonymous>:2216:22)
    at VueComponent.updateComponent (eval at <anonymous> (app.js:723), <anonymous>:2609:21)
    at Watcher.get (eval at <anonymous> (app.js:723), <anonymous>:2934:27)
    at new Watcher (eval at <anonymous> (app.js:723), <anonymous>:2926:12)
    at VueComponent.Vue._mount (eval at <anonymous> (app.js:723), <anonymous>:2608:19)
    at VueComponent.Vue$3.$mount (eval at <anonymous> (app.js:723), <anonymous>:6178:15)
    at VueComponent.Vue$3.$mount (eval at <anonymous> (app.js:723), <anonymous>:8549:16)
    at creator (eval at <anonymous> (app.js:1119), <anonymous>:9:31)
    at VueComponent.created (eval at <anonymous> (app.js:1132), <anonymous>:7:50)

If I revert App.vue:

<template>
  <div id="app">
    <img src="./assets/logo.png">
    <app-nav />
    <router-view></router-view>
  </div>
</template>

<script>
import Nav from './components/Nav.vue'
export default {
  name: 'app',
  components: {
    appNav: Nav
  }
}
</script>

works perfectly well

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions