首页 > 其他分享 >关于vite创建vue3项目@代替src失效的问题

关于vite创建vue3项目@代替src失效的问题

时间:2023-06-21 11:37:09浏览次数:45  
标签:src resolve views vue3 import vite

用vite创建的vue3项目,用@来代替src不生效。报错:[vite] Internal server error: Failed to resolve import "@/views/xxxxxxxxxxxxx" from "src\views\dashboard\index.vue". Does the file exist?

解决的方法是:

  • 先安装path
npm install --save -dev @type/node
  • 在vite.config.js文件中,添加相应的配置
 1 import { resolve } from 'path'
 2 
 3 export default defineConfig({
 4   plugins: [
 5     vue(),
 6   ],
 7 
 8    resolve:{
 9     alias:{
10       '@':resolve('src')
11     }
12   }
13 })
  • 最后npm i 一下依赖,重新运行项目就可以使用@了

 

标签:src,resolve,views,vue3,import,vite
From: https://www.cnblogs.com/NUNA/p/17495822.html

相关文章

  • vue3+vite+TS搭建项目
    安装npm安装方式npminitvue@latestpnpm安装方式(二选一)pnpmcreatevue@latest然后设置项目名称,接着选择自己需要的配置,安装完成......
  • Electron Vue Vite 开发桌面应用
    我需要使用Electron,VUE3,Vite开发一个桌面应用,接收来自串口的数据,并使用Plotly绘制随时间变化的曲线,请提供开发步骤,项目文件结构好的,以下是一个基本的Electron+Vue3+Vite应用的开发步骤:确保您已经安装了Node.js和npm。安装VueCLI:npminstall-g@vue/cli创建......
  • vue3+vite 动态引用静态资源,动态引入assets文件夹图片的几种方式
    可以参考这个回答,亲测有用 https://blog.csdn.net/weixin_43743175/article/details/125892613 ......
  • gravitee服务网关快速入门
    下载简单说说这个网关服务吧,这是博主所理解的。gravitee采用了前后分离的设计方案:主要包括了前端页面的显示,api的转发,api的管理      转自:https://www.jianshu.com/p/c3b179693877 将下载下来的包传到服务器上,就可以开始修改配置文件了。搭建......
  • vue3和ts的一些使用
    一.setup变量不在写在data里面,反而在setup内写。<scriptlang="ts">import{defineComponent,ref}from"vue";exportdefaultdefineComponent({name:"App",setup(){constgirls=ref(["大脚","刘英","......
  • Vue3 element-Plus el-tree 权限树 传值给后端及回显问题
    内容:权限在新增人员时候选择传给后端并且编辑回显坑:1.传给后端的权限数组需要传父级id例如:一级目录下有二级目录和2-2目录,选了2-2目录,需要把一级目录的id也给后端2.回显的时候后端会把权限数组id都给你(包括一级目录),如果直接回显的话会默认一级下所有目录都选中 代......
  • 配置wordpress:统一修改文章内图片的src
    一,博客站的域名修改后,文章内图片不能正常显示原图不能正常显示:如下图:默认图片的域名是:https://liuhongdi.com/wp-content/uploads/2023/05/image-49.png我们修改为:/wp-content/uploads/2023/05/image-49.png二,用sql进行修改1,在wordpress的数据库执行:UPDATEwp_......
  • 京东微前端应用MicroApp,主应用vite-vue3,子应用vite-vue3+pinia
    micro-app官方地址micro-app官方demo地址这篇文章主要是为了记录,本人在使用中遇到的一些问题,供参考资源找不到->本地使用代理,显示nginx转发子应用使用组件插槽或者pinia,路由懒加载报错问题->小项目几个路由不要懒加载,大项目中懒加载的时候不要使用pinia或者组件中不适用......
  • Html使用Vue3+ElementPlus(图标 ElMessage)
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><metaname="viewport"content="wid......
  • 记录--Vue3 封装 ECharts 通用组件
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助按需导入的配置文件配置文件这里就不再赘述,内容都是一样的,主打一个随用随取,按需导入。import*asechartsfrom"echarts/core";//引入用到的图表import{LineChart,typeLineSeriesOption}from"echarts/......