You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Laravel 10项目中使用Vite安装vue-select-3失败求助

解决vue-select-3在Laravel 10 + Vite + Vue3项目中的导入错误
  • 修正变量名笔误
    你的代码里导入的是vSelect,但注册组件时误用了未定义的Select,先修正这个基础错误:

    import { createApp } from 'vue';
    import vSelect from 'vue-select-3'
    
    const app = createApp({});
    app.component("v-select", vSelect); // 将Select改为vSelect
    app.mount('#app');
    
  • 指定正确的导入入口文件
    如果修正后仍报错,说明vue-select-3的package.json入口配置存在问题,Vite无法自动解析。直接导入包内编译好的ES模块文件即可:

    import { createApp } from 'vue';
    import vSelect from 'vue-select-3/dist/vue-select-3.esm.js'
    
    const app = createApp({});
    app.component("v-select", vSelect);
    app.mount('#app');
    
  • 验证样式导入
    若后续样式不生效,可尝试使用完整路径导入SCSS文件:

    @import "../node_modules/vue-select-3/src/scss/vue-select.scss";
    

内容的提问来源于stack exchange,提问作者AntonyMN

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.10 19:23:13