Cannot find package '@/utils' imported from C:\Users\随意\Desktop\vue-admin-template-5.5.0\src\api\user.js
时间: 2023-06-30 18:25:05 浏览: 489
这个错误提示是在使用vue-admin-template-5.5.0项目中的user.js时发生的,原因是在user.js中导入了一个名为'@/utils'的包,但是该包并未正确导入或安装。
解决方案:
1. 确保该包已经正确安装,可以在项目根目录下执行npm install命令安装。
2. 如果已经安装,可以尝试在user.js文件中修改导入语句为相对路径的形式,例如改为'../utils'。
3. 确认项目的webpack配置中是否已经配置了@别名,可以在webpack配置文件的resolve.alias中添加如下配置:
```
resolve: {
alias: {
'@': path.resolve(__dirname, 'src'),
},
}
```
希望以上解决方案能够帮到你。
相关问题
import request from '@/utils/request' export function loginAPI(data) { return request({ url: '/sys/login', method: 'post', data }) } export function getInfo(token) { return request({ url: '/vue-admin-template/user/info', method: 'get', params: { token } }) } export function logout() { return request({ url: '/vue-admin-template/user/logout', method: 'post' }) } 代码bug,返回正确代码 并解释代码
根据您提供的代码,仅仅是引入了`request`模块,并定义了三个函数`loginAPI`、`getInfo`和`logout`,这三个函数都是利用`request`模块发送HTTP请求。但是这些函数的实现是有问题的,因为它们的请求地址都是错误的,应该是您的后端服务提供的API地址,而不是`/sys/login`、`/vue-admin-template/user/info`和`/vue-admin-template/user/logout`。
以下是一个可能的修复后的代码,它使用了正确的API地址:
```
import request from '@/utils/request'
export function loginAPI(data) {
return request({
url: '/api/user/login', // 替换为正确的API地址
method: 'post',
data
})
}
export function getInfo(token) {
return request({
url: '/api/user/info', // 替换为正确的API地址
method: 'get',
params: { token }
})
}
export function logout() {
return request({
url: '/api/user/logout', // 替换为正确的API地址
method: 'post'
})
}
```
以上代码中,`/api/user/login`、`/api/user/info`和`/api/user/logout`应该替换为您的后端服务提供的API地址。另外,这里假设您使用的是Vue.js框架,因此引用了`@/utils/request`模块来发送HTTP请求。如果您使用的是其他框架或库,可能需要使用不同的方式来发送HTTP请求。
ERROR Error loading C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\vue.config.js: ERROR Error: Cannot find module 'chokidar' Require stack: - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\mock\mock-server.js - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\vue.config.js - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\node_modules\.store\@vue+cli-shared-utils@4.5.19\node_modules\@vue\cli-shared-utils\lib\module.js - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\node_modules\.store\@vue+cli-shared-utils@4.5.19\node_modules\@vue\cli-shared-utils\index.js - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\node_modules\.store\@vue+cli-service@4.4.4\node_modules\@vue\cli-service\bin\vue-cli-service.js Error: Cannot find module 'chokidar' Require stack: - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\mock\mock-server.js - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\vue.config.js - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\node_modules\.store\@vue+cli-shared-utils@4.5.19\node_modules\@vue\cli-shared-utils\lib\module.js - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\node_modules\.store\@vue+cli-shared-utils@4.5.19\node_modules\@vue\cli-shared-utils\index.js - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\node_modules\.store\@vue+cli-service@4.4.4\node_modules\@vue\cli-service\bin\vue-cli-service.js at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15) at Function.Module._load (node:internal/modules/cjs/loader:778:27) at Module.require (node:internal/modules/cjs/loader:1005:19) at require (node:internal/modules/cjs/helpers:102:18) trol\mock\mock-server.js:1:18) at Module._compile (node:internal/modules/cjs/loader:1103:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1157:10) at Module.load (node:internal/modules/cjs/loader:981:32) at Function.Module._load (node:internal/modules/cjs/loader:822:12)
这个错误提示是因为你的代码中引用了 chokidar 模块,但是没有安装该模块。你需要在终端中进入你的代码目录并执行以下命令来安装 chokidar 模块:
```
npm install chokidar
```
安装完成后,再执行你的代码应该就可以正常运行了。如果还有其他错误提示,可以再提供给我查看。
阅读全文