Vue3项目:ts通过import引入传入文件路径报找不到该模块

简介: Vue3项目:ts通过import引入传入文件路径报找不到该模块

前言

在项目开发中需要通过封装的方法来减小体积,在封装一个异步方法时,传入的路径明明正确却报找不到

浏览器报错:
在这里插入图片描述
控制台报错:
==Critical dependency: the request of a dependency is an expression==

我的代码:

loader = () => import(path)

解决心路历程

采用引入文件报错后,我尝试使用写死的路径,发现可以正常使用,没有任何问题!!!最后查看文档发现 import只能使用字符串!! require相同。最后采用字符串拼接方法

更改后的代码:

import('@/' + path + '.vue')

PS:import使用模板字符串会报错,require不会

相关文章
|
3天前
|
JavaScript API
Vue3 基础语法
该内容介绍了Vue项目的创建和Vue3的语法、响应式API、生命周期、组件通信及跨组件通信方法。包括使用`npm init vue@latest`创建项目,`npm install`初始化,Vue3的`setup`语法,`reactive`、`ref`、`computed`和`watch`的用法,生命周期图解,以及父子组件间的数据传递。此外,还提到了Vue3中使用`provide`和`inject`进行跨层数据传递,以及通过Pinia库进行状态管理。
22 0
Vue3 基础语法
|
7天前
|
JavaScript 定位技术 API
在 vue3 中使用高德地图
在 vue3 中使用高德地图
10 0
|
7天前
vue3 键盘事件 回车发送消息,ctrl+回车 内容换行
const textarea = textInput.value.textarea; //获取输入框元素
19 3
|
10天前
|
JavaScript 前端开发 CDN
vue3速览
vue3速览
23 0
|
10天前
|
设计模式 JavaScript 前端开发
Vue3报错Property “xxx“ was accessed during render but is not defined on instance
Vue3报错Property “xxx“ was accessed during render but is not defined on instance
|
10天前
|
JavaScript 前端开发 安全
Vue3官方文档速通(下)
Vue3官方文档速通(下)
21 0
|
10天前
|
JavaScript API
Vue3 官方文档速通(中)
Vue3 官方文档速通(中)
27 0
|
10天前
|
缓存 JavaScript 前端开发
Vue3 官方文档速通(上)
Vue3 官方文档速通(上)
39 0
|
10天前
Vue3+Vite+Pinia+Naive后台管理系统搭建之五:Pinia 状态管理
Vue3+Vite+Pinia+Naive后台管理系统搭建之五:Pinia 状态管理
14 1
|
10天前
Vue3+Vite+Pinia+Naive后台管理系统搭建之三:vue-router 的安装和使用
Vue3+Vite+Pinia+Naive后台管理系统搭建之三:vue-router 的安装和使用
18 0