当前位置：代码网 > it编程>前端脚本>Vue.js > vite vue3 路由配置@找不到文件的问题及解决

vite vue3 路由配置@找不到文件的问题及解决

2024年10月27日 • Vue.js •我要评论

问题描述在vite.config.js文件中配置路由的时候，添加路由界面，找不到指定的文件，提示错误如图所示：但是换成 ./ 或者 ../ 就正常了，也没有报错问题解决办法1.安装一个path的插件n

问题描述

在vite.config.js文件中配置路由的时候，添加路由界面，找不到指定的文件，提示错误

如图所示：

但是换成 ./ 或者 ../ 就正常了，也没有报错问题

解决办法

1.安装一个path的插件

npm install --save-dev @types/node

2.在vite.config.js中配置

import { defineconfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from "path"
 
export default defineconfig({
    plugins: [vue()],
    resolve: {
        alias: {
            "@": resolve(__dirname, "./src")
        }
    }
})

3.重启项目就ok啦~

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持代码网。

Vue3子组件watch无法监听父组件传递的属性值的解决方法

1 问题描述假设子组件 childcomponent 中有个属性a，默认值为 0，并且通过侦听器 watch 监听其数值变化。在父组件 parentcompon... [阅读全文]
Vue中使用md5进行数据加密的实现方法

引言在现代web开发中，数据安全是一个不可忽视的重要环节。vue.js作为一个流行的前端框架，不仅提供了强大的数据绑定和组件化功能，还支持与各种后端服务的集成，... [阅读全文]
Vue实现两个列表之间的数据联动的代码示例

基本概念与作用说明vue.js 是一个用于构建用户界面的渐进式框架，它通过声明式的数据绑定和组件化的架构，使得开发者可以轻松地创建复杂的单页应用。在vue中，数... [阅读全文]
一文详细了解Vue 3.0中的onMounted和onUnmounted钩子函数

一、什么是onmounted和onunmounted？vue 3.0带来了许多令人兴奋的新特性和改进，其中包括更强大的组合式api。在这篇文章中，我们将重点介绍... [阅读全文]
vue开发自定义的全局公共组件详解

vue开发自定义的全局公共组件这里我主要介绍两种自定义全局公共组件的方法第一种首先在components中新建一个文件夹，我这里做的是全局加载动画组件所以命名的... [阅读全文]
利用Vue实现将图片转换为Base64编码的方法

1.base64 编码的概念base64 是一种编码格式，它将二进制数据转换为一种基于64个可打印字符的表示形式。这种编码方式允许二进制数据在文本形式中安全地传... [阅读全文]

发表评论


验证码：

vite vue3 路由配置@找不到文件的问题及解决

2024年10月27日 • Vue.js •我要评论

问题描述

解决办法

总结

相关文章:

发表评论