我构建了一个汇总组件库,仅包含一个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组件包含到我的项目中,则可以正常工作。问题是我的图书馆。