快捷導(dǎo)航

vite打包出現(xiàn)?"default"?is?not?exported?by?"node_modules/...問(wèn)題解決辦法

更新時(shí)間：2024年06月04日 09:12:15 作者：狂野小青年

這篇文章主要給大家介紹了關(guān)于vite打包出現(xiàn)?"default"?is?not?exported?by?"node_modules/...問(wèn)題的解決辦法,文中通過(guò)代碼將解決的辦法介紹的非常詳細(xì),對(duì)同樣遇到這個(gè)問(wèn)題的朋友具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

項(xiàng)目場(chǎng)景：

vue3+ts+vite項(xiàng)目打包

問(wèn)題描述

// codemirror 編輯器的相關(guān)資源
import Codemirror from 'codemirror';

error during build:
RollupError: "default" is not exported by "node_modules/vue/dist/vue.runtime.esm-bundler.js", imported by "node_modules/@kangc/v-md-editor/lib/codemirror-editor.js".
    at error (file:///D:...

原因分析：

報(bào)錯(cuò)意思是導(dǎo)入的js文件沒(méi)有默認(rèn)導(dǎo)出

解決方案：

有兩種方法

1.修改node_modoules下的文件源碼

在前面加上expoert default

export default (function (global, factory) {
  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
    typeof define === 'function' && define.amd ? define(factory) :
      (global = global || self, global.CodeMirror = factory());
}(this, (function () {
  'use strict';

為這個(gè)js文件添加一個(gè)默認(rèn)導(dǎo)出

不太推薦這個(gè)方法，雖然比較簡(jiǎn)單

2.安裝@rollup/plugin-commonjs插件，vite-plugin-require-transform插件

@rollup/plugin-commonjs可以將commonjs模塊轉(zhuǎn)換層es6模塊

但只會(huì)對(duì)require生效

所以需要將導(dǎo)入改為require格式

（1）安裝插件

npm i @rollup/plugin-commonjs
npm i vite-plugin-require-transform

（2）添加配置

在vite.config.ts配置中添加插件,注意commonjs()必須在上面,否則可能不生效

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import commonjs from '@rollup/plugin-commonjs';//引入commojs
import requireTransform from 'vite-plugin-require-transform';//引入require
export default defineConfig({
  plugins: [
    commonjs() as any,
    //我的入口文件是ts類(lèi)型，所以下面必須加上.ts$，否則在main.ts無(wú)法使用require
    requireTransform({
      fileRegex: /.js$|.vue$|.png$|.ts$|.jpg$/
    }) //配置require
    vue(),
  ],
 }

（3）將main.ts中的導(dǎo)入改為require

// codemirror 編輯器的相關(guān)資源
const Codemirror = require('codemirror');

總結(jié)

到此這篇關(guān)于vite打包出現(xiàn) "default" is not exported by "node_modules/...問(wèn)題解決辦法的文章就介紹到這了,更多相關(guān)vite打包default is not exported by node_modules/...內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: