Webpack 在模板编译器不可用的情况下，您使用的是仅运行时版本的Vue

我正试图用

webpack

编译我的Vue.js应用程序，但我在浏览器中收到此警告

在模板编译器不可用的情况下，您使用的是仅运行时版本的Vue。可以将模板预编译为呈现函数，也可以使用编译器附带的构建

---

这是什么意思？如何解决此错误？

这是因为默认情况下包含了不带模板编译器（需要）的

vue

版本。要覆盖此默认设置，请将其添加到

webpack.config.js

：

// webpack.config.js
{
    resolve: {
        alias: {
            vue: 'vue/dist/vue.js'
        },
    },
}

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

---

来源：

使用渲染功能

new Vue({
    el: 'body',
     render: function(createElement) {
        return createElement(hello)
    } });

---

如果尝试使用未预编译的Vue模板，则会弹出此错误

要解决此问题，请将设置为

true

：

module.exports = {
  runtimeCompiler: true
}

请注意，这将在您的发行版中包含额外的JavaScript负载

---

或者，您可以使用预编译的Vue模板

如果使用vue cli服务编译应用程序，请根据编译器的不同，将以下代码添加到

vue.config.js

：

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

---

如果使用webpack编译应用程序，请将以下代码添加到

webpack.config.js

：

// webpack.config.js
{
    resolve: {
        alias: {
            vue: 'vue/dist/vue.js'
        },
    },
}

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

---

在

vue.config.js

文件中将runtimeCompiler设置为true后，我仍然有一个错误

您只需编辑src/main.js文件即可

发件人：

从“Vue”导入Vue

到：

从“Vue/dist/Vue.js”导入Vue
对我来说，这是一个打字错误（小写）。我有：

而不是

import Vue from "vue";