使用npm init @vitejs/app 搭建vue3期间遇到的问题汇总整理
最近看到用vite2能大幅缩短打包时间以及项目启动时间,就自己试了一下用vite2搭建项目,下面是我遇到的问题集合
1、若是npm下载某个配置有问题,参照下面配置,可以试试
npm config edit -- 查看npm镜像配置路径,以及其他的配置镜像下载路径
electron_mirror=https://npm.taobao.org/mirrors/electron/ -- electron下载镜像地址
registry=https://registry.npm.taobao.org/ --npm 的镜像地址
// npm install时报错gyp ERR! stack Error: Can't find Python executable "2.7",不安装Python的解决方法
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ -- node-sass 下载地址
strict-ssl=false -- 设置忽略签名验证的
2、禁用vetur插件,前提是你用的是ts![](/assets/blank.gif)
如果不禁用会引起的报错,但是不影响正常使用,所以强迫症患者禁用,不在意的可以不用管
如下
安装
这个插件
3、绑定元素错误提示问题:
解决:json文件添加如下:
3、全局引入element-plus icon 报错
引起原因:参数是 string 类型,不能用作对象 a 的索引。把 a 设置为 any 类型可以解决
解决办法:
Sass @mixin 与 @include
@mixin 指令允许我们定义一个可以在整个样式表中重复使用的样式。
@include 指令可以将混入(mixin)引入到文档中。
当我们使用@include页面报错
如下,说明是未检测到vue类型
需要我们
4、vue3中提示 找不到模块 “path“ 或其相对应的类型声明
对node进行类型声明
yarn add @types/node -D
npm i @types/node --D
5、模块 ""path"" 只能在使用 "allowSyntheticDefaultImports" 标志时进行默认导入![](/assets/blank.gif)
解决方式:
使用npm init @vitejs/app 搭建vue3期间遇到的问题汇总整理相关推荐
- Vite2.0搭建Vue3移动端项目
Vite2.0搭建Vue3移动端项目 一.搭建包含内容 vite版本.vue3.ts.集成路由.集成vuex.集成axios.配置Vant3.移动端适配.请求代理 二.步骤 vite+ts+vue3只 ...
- Vite2.0搭建Vue3.0项目应用实战
前言 最近Vite2.0很火热,说是要替代webpack作为下一代前端构建工具.上个周末搬完房子仔细研究了一下,照着我们目前的项目环境,尝试搭建了一套基础环境,简单了解了Vite2.0的配置,以及各种 ...
- 实战 | Vite2.0搭建Vue3移动端项目
作者:清风皓月 zhuanlan.zhihu.com/p/351888882 一.涉及技术点 vite版本.vue3.ts.集成路由.集成vuex.集成axios.配置Vant3.移动端适配.请求代理 ...
- Vite搭建Vue3 + TypeScript 项目(NPM)
文章目录 运行环境 使用Vite初始化项目 vite提供不同工具的初始化 以NPM为例: 运行环境 请确保电脑上成功安装 Node.js,本项目使用 Vite 构建工具,需要 Node.js 版本 & ...
- 手把手教你从0到1搭建vue3+ts+vite+element-plus简易后台管理系统
准备工作 首先请确保你的node.js版本>=12.0.0 因为vite的兼容性,Vite 需要 Node.js 版本 >= 12.0.0. 如果你不知道你的node.js的版本是多少,请 ...
- 种子项目:Vite 搭建 Vue3 + TypeScript 项目
技术栈 Vue 3.x Typescript Vite 2.x Pinia Vue-Router 4.x Element-plus UI And More- 源码地址 (创作不易,欢迎点颗 star ...
- Vite搭建Vue3 + TypeScript 项目(Yarn)
文章目录 运行环境 Node.js yarn安装与配置 Vite初始化项目 vite提供不同工具的初始化 以Yarn为例: 运行环境 Node.js 请确保你的电脑上成功安装 Node.js,本项目使 ...
- 从零开始使用 Webpack 搭建 Vue3 开发环境
从零开始使用 Webpack 搭建 Vue3 开发环境 前情提要 从零开始使用 Webpack 搭建 Vue 开发环境 创建项目 首先需要创建一个空目录,在该目录打开命令行,执行 npm init - ...
- vue = 什么意思_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
最新文章
- 复制链接到safari浏览器打开_JS实现复制到剪贴板(兼容FF/Chrome/Safari所有浏览器)...
- python和java哪个-Python和Java到底哪个更好?
- MySQL读写分离应用层实现
- CSS引入CSS文件不生效 搞得很恼火
- GC分析中提到的根对象是什么
- Angular页面发生更新时,更新如何从view层传递到model层
- /dev/null空字符设备文件
- Android各版本兼容性适配
- echarts 设置地图外边框以及多个geo实现缩放拖曳同步
- HDU 5294 - Tricks Device(最短路+最小割)
- 三 机器人仿真软件Gazebo介绍
- 风光互补——三段式充电
- HTML学习笔记_常用标签的使用及注意事项
- linux反复出现文件系统损坏,Linux日常维护之文件系统损坏后的修复
- linux命令行颜色,技术|在 Linux 命令行中自定义文本颜色
- GB2312、GB18030、GBK、UNICODE、BIG5之间兼容关系如何?
- 彻底弄懂oracle硬解析、软解析、软软解析
- Android创建杀不死的Service
- Spring cloud Gateway 服务网关 实战
- 系统安装 - 我们找不到任何驱动器
热门文章
- Stable Diffusion实操示例
- sklearn库三种标准化与反标准化方法介绍
- python 拟合曲线 置信区间_如何从曲线获得置信区间
- Linux系统查看系统安装时间
- linux服务器 图片压缩,Pngquant:Linux上压缩PNG图像的命令行实用工具
- ubuntu 16.04创建共享文件夹
- 山东大学-科技文献阅读与翻译-笔记
- ls路由算法_路由算法区分管理距离和最大跳数
- Mysql生成当月(指定月)所有天数 本周所有日期 当日24小时
- mysql的text与tinytext,MySQL中的VARCHAR(255)和TINYTEXT字符串类型有什么区别?