找不到模块：错误：无法解析'./http-common' vue js axios

Posted 2023-02-22

【中文标题】找不到模块：错误：无法解析\'./http-common\' vue js axios

【英文标题】：Module not found: Error: Can't resolve './http-common' vue js axios找不到模块：错误：无法解析'./http-common' vue js axios

【发布时间】：2018-04-12 17:16:39

【问题描述】：

我使用本教程： https://alligator.io/vuejs/rest-api-axios/ 并尝试像这样使用 axios： 在我的 main.js 文件中：

import axios from 'axios'

export const HTTP = axios.create(
    baseURL: `http://api.com/api/`,
    headers: 
        // Authorization: 'Bearer token'
    
)

在我的 .vue 文件中：

import HTTP from './http-common';
let params = 
                    email: this.login,
                    pwd: this.pwd
                
                HTTP.post(`login`, params)
                    .then(response => 
                        alert(response);
                    )
                    .catch(e => 
                        this.errors.push(e)
                    )

错误 ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/components/SignIn.vue 未找到模块：错误：无法解析“./http-common” 'C:\Users\direwolf\Documents\web\js\vue\quasar-crm\src\components' @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/components/SignIn.vue 5:0-37 @ ./src/components/SignIn.vue @ ./src/router.js @ ./src/main.js@multi ./build/hot-reload.js ./src/main.js

【参考方案1】：

你需要从 main.js 导入

import HTTP from './main';

【参考方案2】：

尝试改变

import HTTP from './http-common'; 到

import HTTP from '../http-common';

希望这在某些情况下会有所帮助。