Rollup Vue2 - 构建失败

Question

我的 rollup + vue 2 设置出现问题，并在网上获取了相互冲突的信息。我的汇总配置：

import vue from 'rollup-plugin-vue';
import postcss from 'rollup-plugin-postcss';
import sass from 'rollup-plugin-sass';
import image from '@rollup/plugin-image';
import babel from 'rollup-plugin-babel';
import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';

const plugins = [
    vue({
        preprocessStyles: true,
        css: true,
        compileTemplate: true
    }),
    commonjs({ extensions: ['.js'] }),
    postcss(),
    sass(),
    image(),
    resolve({
        jsnext: true,
        main: true,
        browser: true
    }),
    babel({ exclude: 'node_modules/**', include: '**/*.js' })
];

export default {
    input: 'src/main.js',
    output: {
        dir: 'diss',
        format: 'iife',
        sourcemap: false
    },
    plugins
};

使用此配置我收到以下错误：

[!] Error: 'resolveComponent' is not exported by node_modules\vue\dist\vue.runtime.esm.js, imported by src\App.vue?vue&type=template&id=7ba5bd90&lang.js
https://rollupjs.org/guide/en/#error-name-is-not-exported-by-module
src\App.vue?vue&type=template&id=7ba5bd90&lang.js (1:9)
1: import { resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
            ^
2: var _hoisted_1 = {
3:   id: "app"
Error: 'resolveComponent' is not exported by node_modules\vue\dist\vue.runtime.esm.js, imported by src\App.vue?vue&type=template&id=7ba5bd90&lang.js

如果我在插件列表中将 commonjs 与 vue 切换，由于插件顺序很重要，我会收到此错误：

[!] (plugin commonjs) SyntaxError: Unexpected token (2:1) in D:\current_projects\uploadportal\client\src\App.vue?vue&type=template&id=7ba5bd90&lang.js
src\App.vue?vue&type=template&id=7ba5bd90&lang.js (2:1)
1:
2:   <div id="app">
     ^
3:     <router-view />
4:   </div>
SyntaxError: Unexpected token (2:1) in D:\current_projects\uploadportal\client\src\App.vue?vue&type=template&id=7ba5bd90&lang.js

似乎我在这个过程中错过了一些东西，但我的研究陷入了兔子洞，没有任何解决方案。有人可以看到我的错误吗？谢谢你！