棱镜映像不会在vue站点中加载并创建运行时/编译器错误

Question

我将prismic.io无头cms集成到我的vuetify项目中，并且能够将我在存储库中创建的关键文本字段中的内容呈现到项目中，但我还无法加载图像。当我在浏览器中查看页面时，会看到以下控制台错误：

Vue警告:在模板编译器不可用的情况下，您使用的是仅运行时构建的Vue。要么将模板预编译成呈现函数，要么使用编译器包含的构建。

找到位置

->在/Users/jbdebiasio/dev/prismic-vue/src/components/Image.vue

当我使用image元素查看图像时，它显示了以下标记：

<!--function (a, b, c, d) { return createElement(vm, a, b, c, d, true); }-->

这意味着什么，我需要做什么来正确地渲染图像？我尝试更新我的app实例，但没有发现任何变化。

Answer 1

我的公司最近遇到了同样的问题，这是因为棱镜Vue软件包的构建方式。

这是由于没有使用呈现函数，而是要求模板编译器在运行时构建它们的组件。

您将需要添加Vue的完整构建，其中包括模板编译器

如果项目是用Vue CLI创建的，下面的示例可以工作

// vue.config.js
module.exports = {
  // Will merge all properties with the default web pack config
  configureWebpack: {
    resolve: {
      alias: {
        'vue$': 'vue/dist/vue.esm.js' // 'vue/dist/vue.common.js' for webpack 1
      }
    }
  }  
}

有关此这里的更多信息

这里这里的Vue CLI配置

这个解决方案显然只是一个绷带，真正的问题需要由棱镜来解决。请参阅这请求。