6

I got an issue with my rollup + vue 2 setup, and get conflicting information online. My rollup config:

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
};

With this config I get the following error:

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

If I switch commonjs with vue in the plugin list, since plugin order matters, I get this error:

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

It seems like I miss something in the process, but my research went into rabbit holes without any solution. Can someone see my error? Thank you!

1
  • Did you ever solve this issue? If so please leave an answer.
    – rhand
    Mar 5 at 3:24

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.