学习vite中出现的问题以及解决办法

最新推荐文章于 2023-08-03 18:18:17 发布

vwvmn

最新推荐文章于 2023-08-03 18:18:17 发布

阅读量958

点赞数

文章标签：学习 vue.js javascript

本文链接：https://blog.csdn.net/a1647010108/article/details/126075908

版权

在学习Vite时遇到Vue不支持运行时编译的错误，错误提示指出需要将bundler配置为别名“vue”到“vue/dist/vue.esm-bundler.js”。通过在配置文件中添加相应代码，成功解决了该问题。

摘要由CSDN通过智能技术生成

这里写目录标题

问题
- vue不支持运行时编译

问题

vue不支持运行时编译

问题如图

在这里插入图片描述

错误代码

option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".

翻译

但是这个版本的 Vue 不支持运行时编译。将 bundler 配置为别名 “vue” 到 “vue/dist/vue.esm-bundler.js”。

解决

在vite.config.js中添加如下代码

resolve: {
        alias: {
            'vue': 'vue/dist/vue.esm-bundler.js'
        }
    }

如下

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

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [vue(),],
    resolve: {
        alias: {
            'vue': 'vue/dist/vue.esm-bundler.js'
        }
    }
})