Vue3安装Vue-toastification v1.7.14构建报错及版本选择疑问

修复v1.7.14的Rollup构建错误 #

问题根源 #

v1.7.14是为Vue2开发的插件，它的代码依赖import Vue from 'vue'这种默认导入语法，但Vue3的ESM构建包（如vue.runtime.esm-bundler.js）不再提供default导出，仅支持命名导出，这直接导致Rollup在打包时找不到对应导出项，抛出错误。

两种修复方案 #

方案1：手动适配导入与注册逻辑

修改插件的导入和注册代码，适配Vue3的导出规则：

// 替换原导入语句
import * as VueToastification from 'vue-toastification'
import 'vue-toastification/dist/index.css'

// 在createApp后注册插件
const app = createApp(App)
// 手动取插件的default属性完成注册
app.use(VueToastification.default)

方案2：通过Vite别名做全局兼容

如果不想修改业务代码，可以在Vite配置中添加一个适配层，模拟Vue2的默认导出：

1. 在项目根目录创建vue-adapter.js文件：

import * as Vue from 'vue'
// 导出模拟的default，适配v1插件的导入逻辑
export default Vue

2. 修改vite.config.js，添加别名指向这个适配文件：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      'vue': './vue-adapter.js'
    }
  }
})

这样v1插件的import Vue from 'vue'会自动指向适配文件，解决导出错误。

v2.0.0-rc.5的可靠性分析 #

• 适配性：v2是专门为Vue3打造的版本，完全兼容Vue3的Composition API和ESM构建体系，从你的测试来看已经解决了构建问题。
• 稳定性：RC（Release Candidate）版本意味着功能已经全部开发完成，进入了最终的bug修复阶段，距离正式版发布非常近，核心功能的稳定性已经得到验证。
• 生产环境适用性：如果你的项目不是对稳定性要求极端苛刻的场景（如银行核心交易系统），完全可以放心使用这个RC版本；如果是高敏感场景，可以先在测试环境做全面验证，或者等待正式版发布后再升级。

内容的提问来源于stack exchange，提问作者Neha Soni