为什么我这样用import还是提示找不到?

Question

document.js:

function setTitle(title) {

if (typeof title === "string") {

document.title = title;

} else {

document.title = "标题格式错误, 请检查meta标签";

}

}

export default {

setTitle

};

index.js

import * as document from "./document";

export default {

...document

};

要用到settitle的js

import { setTitle } from "../utils/index";
setTitle(pageTitle);

Answer 1

你这么写：

import { setTitle } from "../utils/index";

需要 ../utils/index 里有一个导出是叫 setTitle 的：

export function setTitle() {
  // Do something
};

可你没有，你只有一个默认导出。

这是模块导入导出，不是对象解构赋值，你这么写是不对的。

Answer 2

完美的避开了所有正确答案

默认值 export default 导入导出，和 export 导入导出是两回事，别混了
https://segmentfault.com/a/1190000017878394

export {
  show
}

// 导入
import { show } from 'xxx'
// or
import * ad obj from 'xxx'
obj.show //使用

默认导出

export default {
  show
}

// 导入
import obj from 'xxx'
obj.show //使用

Answer 3

带{}的导入export必须有同名方法或属性。

export default 导出，import 时可以不加{},仅仅是一个别名。