Uncaught SyntaxError: The requested module ‘/node_modules/.vite/...‘ does not provide an export ...

2023-11-13

项目启动正常,但是页面不显示且打印报错

Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/vue.js?v=84e66e8d' does not provide an export named 'Vue' (at main.js:9:10)

解决方法:

main.js文件vue引入问题

在vue3中错误的使用了vue2的引入方法

vue2  main.js

import { Vue } from 'vue'
import App from './App.vue'
import router from './router/index'
import pinia from './stores/index'



// css样式重置
import 'normalize.css'
import './assets/css/index.css'
// 2. 引入组件样式
import 'vant/lib/index.css';



//创建vue对象,直接在里面挂载router和store
new Vue({
  router,
  pinia,
  render: h => h(App)
}).$mount('#app')

vue3  main.js

import { createApp } from 'vue'  
import App from './App.vue'
import router from './router/index'
import pinia from './stores/index'

// 1. 引入你需要的组件
import { Button} from 'vant';


// css样式重置
import 'normalize.css'
import './assets/css/index.css'
// 2. 引入组件样式
import 'vant/lib/index.css';



createApp(App).use(router).use(pinia).use(Button).mount('#app') 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Uncaught SyntaxError: The requested module ‘/node_modules/.vite/...‘ does not provide an export ... 的相关文章

  • Vue.JS 2.5.1:未捕获的语法错误:意外的令牌导出

    我试图使用 VueJS 和 Bootstrap Vue 制作一个单选按钮 但是当我制作它时发生了这种情况 我预计这是语法错误 就像它所说的那样 但我似乎找不到任何线索 所以我尝试复制粘贴代码 这是 test radio php 的完整代码
  • 是否可以在没有 Javascript(仅 CSS)的情况下执行相同的操作(悬停效果)?

    我正在尝试创建一个带有图标的按钮像这样 http jsfiddle net pRdMc HTML div div class icon div span Send Email span div CSS button width 270px
  • 无法填充名为“status”的数组

    我正在尝试做一些非常简单的事情 在 Javascript 中初始化一个数组 而且它在 Google Chrome 中不起作用 这是代码 status for i 0 i lt 8 i status i false alert status
  • 如果浏览器在 asp .net 中关闭,请从浏览器中注销?

    我的要求有点复杂 用户正在使用 Web 浏览器访问数据库 而在访问数据库时 如果用户关闭活动页面而不是注销会话 该会话需要自动注销 有人可以指导我如何做这个吗 我在母版页中使用了jquery onbeforeunload 我收到消息离开页面
  • 卸载/销毁 Angular 延迟加载组件

    我的设置与此处找到的帖子类似http ify io lazy loading in angularjs http ify io lazy loading in angularjs 处理 Angular 中我的应用程序的各种组件的延迟加载 我
  • 单击输入字段会触发窗口调整大小

    我有一个带有徽标 菜单和搜索的标题 当我在桌面上时 我会按该顺序显示所有元素 但如果我的窗口宽度小于 980 像素 菜单会隐藏 有一个切换按钮 并且徽标会与nav并附在徽标之后 如果宽度更大 则徽标将再次分离并附加到 DOM 中的旧位置 w
  • 离子旋转器未显示

    我用 http 请求填充 Ionic 集合重复列表 但我不想将所有内容直接加载到 DOM 中 因此 我只显示其中一些项目 并在您向下滚动时添加其余项目 为此我实现了无限滚动功能 当我到达页面底部时 它应该显示一个旋转器 但它没有 这些物品至
  • EJS在JS onload函数中访问express变量

    我知道你可以像这样获取 ejs 文件中变量的值 h1 h1 如果我要在同一个 ejs 页面的 onload javascript 函数中使用相同的标题变量 我将如何使用它 例如 这个函数产生一个控制台错误说 未捕获的语法错误 意外的标识符
  • 如何将函数传递给 JavaScript Web Worker

    我想通过一个 或多个 函数传递postMessage 给网络工作者 因为我无法引用常规文件 为了启动 Web Worker 我将一个对象 URL 从 Blob 创建 传递给Worker构造函数 然后我传递一条消息 但到目前为止还没有在消息中
  • 无法在渲染器进程中使用 Node.js API

    无法在 Electron 中使用任何与 Electron 或节点相关的操作 未定义获取错误过程 我检查了他们指导添加节点支持的各个地方 但这已经完成了 所以卡在这里 我的主要应用程序代码是 const electron require el
  • 在 jQuery AJAX 成功中从 MySql 获取特定响应

    好吧 我有这个 ajax 代码 它将在 Success 块中返回 MySql 的结果 ajax type POST url index php success function data alert data My Query sql SE
  • 带时间戳的 Firestore 查询

    如果它是文本字段 我可以使用 where 条件获取数据 但是当我尝试对时间戳字段和日期执行相同操作时 事情不起作用 这是我的代码 home ts firebase firestore collection cities where time
  • Phonegap facebook 插件:android 的各种问题

    我正在尝试将 Phonegap 3 1 与 Phonegap facebook plugin 集成 以使我的应用程序能够使用 facebook 登录 https github com phonegap phonegap facebook p
  • PhantomJS 网页内存消耗?

    是否有一种编程方式 因为我想在运行时自动执行 方式来查看网页在通过 PhantomJs 运行时使用了多少内存 我也在使用 casperjs 如果这有帮助的话 我已经搜索了很多但没有找到任何方法 PhantomJs 使用 QtWebKit 因
  • 如何生成 JavaScript 堆栈跟踪? [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 关于如何以跨浏览器的方式在 javascript 中生成堆栈跟踪有什么建议吗 较新的浏览器 Chrome 和 Firefox 公开了一个允
  • 显示班级图片 10 秒

    我有下面给出的代码显示9 boxes 其值如下digital time 还有一个班级box002显示digits相当于随机选择的九个盒子的值 box002 can be dragged to digital time starting wi
  • Angular 2访问组件内的ng-内容

    我怎样才能访问 content 来自组件类本身的组件 我想做这样的事情
  • 跨浏览器:禁用输入字段的不同行为(文本可以/不能复制)

    我有一个被禁用的输入 html 字段 在某些浏览器 Chrome Edge Internet Explorer 和 Opera 中可以选择并复制文本 但至少在 Firefox 中这是不可能的 您可以通过在不同浏览器中执行以下代码来测试
  • 如何修复nodejs Express服务器中的“MulterError:意外字段”?

    我正在设置一个服务器来从客户端上传 zip 文件 服务器运行express和multer来执行此操作 上传文件时 服务器抛出 MulterError 意外字段 错误 我无法弄清楚是什么导致了它 我尝试过使用 png 图像 效果很好 但对于
  • 如何从配置加载套接字 io 事件监听器? [复制]

    这个问题在这里已经有答案了 我有使用套接字io 的nodejs 应用程序 我将存储在 config routes js 中的所有事件侦听器 module exports routes auth login controller auth a

随机推荐

  • 汉诺塔问题【C语言实现】

    目录 一 前言 二 动图演示 三 打印步骤 四 打印步数 一 前言 汉诺塔 Tower of Hanoi 又称河内塔 是一个源于印度古老传说的益智玩具 大梵天创造世界的时候做了三根金刚石柱子 在一根柱子上从下往上按照大小顺序摞着64片黄金圆
  • ORA-01427问题的分析和解决

    前几天开发的同事反馈一个问题 说前台系统报出了ORA错误 希望我们能看看是什么原因 java sql SQLException ORA 01427 single row subquery returns more than one row
  • /usr/bin/ld cannot find -lGL

    ubuntu 16 04虚拟机 装的Qt 5 10 随便写了个带UI的Demo 然后报错如下 解决如下 很多Linux发行版本 Qt安装完成后如果直接编译或者运行项目 会出现 cannot find lGL 错误 这是因为Qt找不到Open
  • 【matlab 斩波电路仿真】

    斩波电路仿真 要求 斩波电路原理 基本斩波电路 降压斩波电路搭建 结果分析 要求 斩波电路仿真 斩波电路原理 斩波电路的功能是将直流电变为另一固定电压或者可调电压的直流电 包括直接直流变流电路和简介直流变流电路 其中 直流变流电路也称为斩波
  • 某在线学习平台《数据挖掘》第八章课后习题

    此文章是本人结合课程内容和网上资料整理 难免有误差 仅供参考 1 下面哪种距离度量方法为欧几里得距离 2 以下哪个算法将两个簇的邻近度定义为不同簇的所有点对的平均逐对邻近度 它是一种凝聚层次聚类技术 AMIN 单链 BMAX 全链 C 组平
  • HK32F030MF4P6 SWD管脚功能复用GPIO

    由于电暖控制器项目上管脚不够 需要将SWD管脚复用 使用网上购买的JLINK 下载和串口调试特别方便 应用场景 往往GPIO管脚不够使用 需要将SWD下载管脚复用GPIO功能 需要用到以下设置 下载器需要接上RESET管脚 TSSOP20
  • (四)索引与数据完整性

    一 索引 1 索引的作用 快速存取数据 既可以改善数据库性能 又可以保证列值的唯一性 实现表与表之间的参照完整性 在使用ORDER BY GROUP BY子句进行数据检索时 利用索引可以减少排序和分组的时间 2 索引的分类 索引按照存储方法
  • PyQt5探索-0 用Pycharm配置PyQt5环境

    感觉是时候学习一下PyQt了 决定直接从PyQt5开始 用Pycharm做开发环境 因为之前用的Eric实在感觉不爽 今天先从配置环境开始 先安装好Pycharm Qt 安装Pycharm插件sip PyQt5 pyqt5 tools si
  • 【计算机视觉】论文单词理解—bells and whistles

    一 问题来源 最后在阅读论文的时候 遇到了一个单词 不是很理解 这个单词是bells and whistles 二 单词的理解 bells and whistles 它的含义并不是指 铃铛和口哨 其真正的含义是指 bells and whi
  • Mac 中的sublime text3 如何安装插件

    Mac 中的sublime text3 如何安装插件 相信大家在Windows系统中试用sublime text 的体验非常不错 我也是在Windows系统中使用了两年的时间 才转战Mac系统的 但是说实话 Mac系统好多东西都是十分不习惯
  • 时间序列学习(6)——LSTM中Layer的使用

    文章目录 1 复习一下 nn RNN 的参数 2 LSTM的 init 函数 3 LSTM forward 4 动手写一个简单的lstm层 1 复习一下 nn RNN 的参数 参数介绍 1 input size The number of
  • 梯度下降法(BGD,SGD,MSGD)python+numpy具体实现

    梯度下降是一阶迭代优化算法 为了使用梯度下降找到函数的局部最小值 一个步骤与当前位置的函数的梯度 或近似梯度 的负值成正比 如果相反 一个步骤与梯度的正数成比例 则接近该函数的局部最大值 该程序随后被称为梯度上升 梯度下降也被称为最陡峭的下
  • Proteus8.6软件安装教程

    关注公众号 免费获取资料 简介 是一款嵌入式系统仿真开发软件 同时也是英国Lab Center Electronics公司研发推出的最新的版本 该软件经实现了从原理图设计 单片机编程 系统仿真到PCB设计 真正实现了从概念到产品的完整设计
  • LeetCode338-比特位计数

    开学感觉已经是遥遥无期了 我的论文啊 我的工作啊 我该如何抉择 题目描述 给定一个非负整数 num 对于 0 i num 范围中的每个数字 i 计算其二进制数中的 1 的数目并将它们作为数组返回 示例 1 输入 2 输出 0 1 1 示例
  • deeplin显示安装空间不够,安装Deepin V20需要64GB以上磁盘空间,本文教你减小的方法...

    在安装Deepin V20操作系统时会有一个提示 说至少要64GB磁盘空间 建议在128GB以上 如果你设置少于64GB空间就不能正常安装下去 这时有方法可以解决的 你可以减小安装的磁盘空间 让32G的U盘也能够用上Deepin V20系统
  • 软件设计师上午题——第八章 UML

    软件设计师备考 UML 一 事物 1 UML 2 UML事物 1 结构事务 静态事务 2 行为事务 动态事务 3 分组事务 组织部分 4 注释事务 解释部分 二 关系 1 依赖关系 2 关联 聚合 组合关系 3 泛化关系 4 实现关系 5
  • 基于教学优化算法求解TSP问题(附Matlab代码)

    基于教学优化算法求解TSP问题 附Matlab代码 旅行商问题 Traveling Salesman Problem 简称TSP 是一个经典的组合优化问题 其目标是找到一条最短路径 使得一个旅行商能够访问一系列城市并返回起始城市 同时每个城
  • wordpress发表文章之后查看显示404

    刚刚写了一篇LAMP wordpress搭建博客的 发表成功之后想看一下效果 结果显示404 OMG 难道没成功 在后台所有文章里显示有 但是点击却显示404 404表示为指向的链接不存在 于是发现自己访问的地址为http www zhao
  • Python入门(一)——环境的搭建,创建第一个Python项目:Hello World

    Python入门 一 环境的搭建 创建第一个Python项目 Hello World 一 安装环境 安装就很简单了 我们进入官网Python 然后下载对应的版本就好了 如果你是Liunx的话 可以直接运行python 关于环境的配置 大家百
  • Uncaught SyntaxError: The requested module ‘/node_modules/.vite/...‘ does not provide an export ...

    项目启动正常 但是页面不显示且打印报错 Uncaught SyntaxError The requested module node modules vite deps vue js v 84e66e8d does not provide