我得到未在组件中定义的渲染功能或模板:匿名

时间:2019-11-08 20:42:16

标签: nuxt.js

我构建了一个汇总组件库,仅包含一个vue.js简单组件。

<template>
 <h1>ok</h1>
</template>

<style>
</style>

我的汇总设置为

import vue from 'rollup-plugin-vue'
import commonjs from 'rollup-plugin-commonjs'
import babel from 'rollup-plugin-babel';
import { uglify } from "rollup-plugin-uglify";

export default {
  input :"./src/index.js",
  output:{
    name: 'main',   // for external calls (need exports)
    file:"./dist/index.min.js",
    format:"umd",
  },
  // ...
  plugins: [
    // ...
    commonjs(),

    vue({
      template: {
      optimizeSSR: true
      }
    }),
    babel({
      runtimeHelpers: true,
      extensions: ['.js', '.vue'],
      exclude: 'node_modules/**',
    }),
    uglify()
  ],
} 

当我将此组件包含在nuxt.config.js文件的Nuxt项目中时

export default {
  router: {
    extendRoutes (routes, resolve) {
      routes.push({
        path: '*',
        component: resolve('@my-library'),
      })
    }
  },
  vue: 

然后我收到错误消息“未在组件中定义的渲染功能或模板:匿名”

如果在编译之前我将此vue组件包含到我的项目中,则可以正常工作。问题是我的图书馆。

0 个答案:

没有答案