[Vue warn]: 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.

[jay763190097]

Version

3.0.5

Reproduction link

http://excuse

Node and OS info

Node 8.11.1

Steps to reproduce

excuse

What is expected?

运行不了

What is actually happening?

报上面的错误

[LinusBorg]

https://cli.vuejs.org/config/#runtimecompiler

[jay763190097]

我用的vue-cli3, 没有vue.config.js 也没有 webpack配置文件，怎么弄呢？

[haoqunjiang]

请自行创建 vue.config.js 文件

[blocka]

What if you wanted the runtime compiler only for jest tests?

[LinusBorg]

Use NODE_ENV to switch it

[LinusBorg]

Use NODE_ENV to switch it or rewite the module path in jest config

[LinusBorg]

Remap the module path in jest config

[tenadolanter]

i had the same question , and resolved it ! change your webpack.config.js or App.vue like this :

1. webpack.config.js

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

2. App.vue

new Vue({ el: '#app', router, render: h => h(App) })

TIps:

if you created your app by @vue/cli, please add code to your vue.config.js like this:

module.exports = { runtimeCompiler: true, }

[lc-thomas]

that render: h => h(App) thing was also what I was missing

[razorwu1994]

that render: h => h(App) thing was also what I was missing

if pass in render: h => h(App) , it ignores router. I am new to Vue but that is not the solution.
I am following the tutorials ,exact code. Blank page.

[lc-thomas]

You have to pass the router to your Vue instanciation :

import Vue from 'vue'
import App from './App'
import store from './store'
import router from './router'

console.log('[i] Starting client app')

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
  store,
  router,
  components: { App }
}).$mount('#app')

[kevinvega09]

You have to pass the router to your Vue instanciation :

import Vue from 'vue'
import App from './App'
import store from './store'
import router from './router'

console.log('[i] Starting client app')

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
  store,
  router,
  components: { App }
}).$mount('#app')

This solution work out for me. Thank you!

[smelike]

请自行创建 vue.config.js 文件

Fixed by this way.

[db12138]

the problem has been solved at vuejs-templates/webpack#215
Simple way, change

import Vue from 'vue'
to

import Vue from 'vue/dist/vue.js';
It resolved my issue