"export 'default' (imported as '...') was not found in ''..."错误处理

哈哈hyc

于 2020-04-21 14:57:10 发布

阅读量4.3w

点赞数 13

CC 4.0 BY-SA版权

分类专栏：前端——vue 前端文章标签： vue javascript

本文链接：https://blog.youkuaiyun.com/erdfty/article/details/105658237

前端同时被 2 个专栏收录

64 篇文章

订阅专栏

前端——vue

22 篇文章

订阅专栏

本文分享了在Vue项目中使用JS模块导入导出时遇到的常见错误，详细解析了一个因import语法不当导致的编译警告及运行时错误，并提供了正确的解决方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发中遇到的一个简单问题却花了我很长时间

//在一个js文件中导出fetch请求方法
import fetch from 'utils/fetch';
 
export function getCompanyList() {
  return fetch({
    url: '/wx/company/list',
    method: 'get'
  })
}

//在vue的script代码块中导出
import getCompanyList from 'api/recruitManage/index';
 
//调用请求
  methods: {
    getList() {
      getCompanyList().then(res => {
        if (res.errno == 0) {
          this.companys = res.data
        }
      });
    }
  }

编译时警告：

warning in ./src/views/oa/recruitManage/index.vue

23:6-20 "export 'default' (imported as 'getCompanyList') was not found in 'api/recruitManage/index'

一开始没看到警告请求时报错

[Vue warn]: Error in v-on handler: "TypeError: __webpack_require__.i(...) is not a function"
 
TypeError: __webpack_require__.i(...) is not a function

试了很久没有解决最后发现时import语法问题

//在import后面加上大括号解决
import {getCompanyList} from 'api/recruitManage/index';

import，export语法规范详解：http://es6.ruanyifeng.com/#docs/module#export