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不会

相关文章
|
2天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
6天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
8天前
|
JavaScript 前端开发 UED
让 HTML 向 Vue.js 华丽转身:如何把 `wangEditor` 仿腾讯文档项目整合进 Vue.js
让 HTML 向 Vue.js 华丽转身:如何把 `wangEditor` 仿腾讯文档项目整合进 Vue.js
|
JavaScript Java 物联网
现有vue项目seo优化
现有vue项目seo优化
|
JavaScript 前端开发
重读vue电商网站45之项目优化上线
重读vue电商网站45之项目优化上线
121 0
重读vue电商网站45之项目优化上线
|
2天前
|
JavaScript
vue中watch的用法
vue中watch的用法
|
2天前
|
JavaScript 前端开发
vue动态添加style样式
vue动态添加style样式
|
1天前
|
JavaScript API
vue学习(13)监视属性
vue学习(13)监视属性
10 2
|
1天前
|
JavaScript
vue 函数化组件
vue 函数化组件