汇总 Vue2 - 构建失败

如何解决汇总 Vue2 - 构建失败

我的 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

如果我在插件列表中用 vue 切换 commonjs，因为插件顺序很重要，我会收到这个错误：

[!] (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

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