vite项目中使用@代表根路径

news/2024/11/17 8:44:03/

1.配置vite.config.ts

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

2.报错path和__dirname

找不到模块“path”或其相应的类型声明。

找不到名称“__dirname”

npm i path -D
npm install --save-dev @types/node

3.vue文件中引入文件报错Cannot find module '@/api/index' or its corresponding type declarations.

import { chunk } from "@/api/index"

解决:在 tsconfig.json的compilerOptions下 加上  baseUrl 和 paths 即可。

 

 


http://www.ppmy.cn/news/1018096.html

相关文章

253_C++_sed::bind的成员函数实例+普通函数绑定改变其调用方式

std::bind 是 C++ 标准库中的一个函数,用于将一个函数或函数对象与一组参数绑定在一起,创建一个新的可调用对象(函数对象)。这个可调用对象可以在稍后的时间点调用,而不需要传递参数。 std::bind 的主要用途有: 参数绑定:你可以使用 std::bind 来部分或完全绑定函数的…

考研408 | 【计算机网络】 数据链路层

导图: 数据链路层概念: 结点:主机、路由器 链路:网络中两个结点之间的物理通道,链路的传输介质主要有双绞线、光纤和微波。分为有线链路、无线链路。 数据链路:网络中两个结点之间的逻辑通道&#xff0…

网络安全(黑客)零基础入门

导语 什么是 Web 安全?我又该如何入门学习它呢?学习过程中又应注意哪些问题呢?... 或许你的心中有着这样的疑问、不过别着急,本文会为你一一解答这些问题。 正文 定义 Web 安全,顾名思义便是由保障 Web 应用能够持续…

解决错误:“AttributeError: ‘str‘ object has no attribute ‘decode‘“

目录 前言一、错误原因二、解决方法三、兼容 Python 2.x 和 3.x3-1、使用判断3-2、使用try-except 总结 前言 一般来说,这个错误是由于在 Python 3.x 中错误地调用了字符串的 decode 方法,或者因为导入了不兼容的第三方库或自定义模块而引起的。 一、错误…

Flutter iOS 与 flutter 相互通信

在混合开发中避免不了通信,简单记录一下,Flutter iOS工程与Flutter 之间相互通信。 Flutter中通过Platform Channel实现Flutter和原生端的数据传递,是怎么进行数据通信,以及怎么配置,下面一一进行详解。 FlutterMetho…

培训Java技术要多久才能学会?答案都在这里啦

培训Java技术要多久才能学会?这是想学习Java开发的很多人都会问到的一个问题。而这个问题的答案其实并不是那么简单,因为学Java的时间长短受到众多因素的影响。本文将从个人基础、学习动力和学习效率三个方面来为您解答这个问题。 1. 个人基础 自己的基础对于学习…

react中的formik如何使用

介绍: Formik 是一个用于处理表单状态和验证的 React 库。它提供了一种简化和统一的方式来处理复杂的表单逻辑,包括表单值的管理、表单验证、表单提交和错误处理等。 使用 安装 Formik 和 Yup(用于表单验证): // ba…