ES6和Webpack：导入无效

Question

我目前正在学习ES6和Webpack，而且我有一组特定的文件， import语句无法正常工作。 这是问题所在：

Sagas.js

import { deleteMe } from './DeleteMe';
import * as constants from '../Constants';

debugger;

DeleteMe.js

export const deleteMe = "Yep, it's loading";
console.log(deleteMe);

在上面的文件中，无法从调试器访问deleteMe （使用Chrome Inspector）。 constants是。

和Constants.js

export const SET_COMMENTS = 'SET_COMMENTS';

在调试器停止之前（在Chrome检查器中），“Yep，它正在加载” 会在控制台中触发，因此文件本身就会通过。

我试过了：

• import * as deleteMeStuff from ./DeleteMe ，看看是否会填充deleteMeStuff 。 它没有
• 重新启动webpack-dev-server。 没有骰子，编译时没有错误。 在./DeleteMe中输入debugger确认更改即将到来。
• const deleteMe = "Yep, it's working"; export default deleteMe const deleteMe = "Yep, it's working"; export default deleteMe并import deleteMe from './DeleteMe' - >仍然没有乐趣

在调试器中，我刚刚注意到_DeleteMe返回{deleteMe: "Yep, it's loading", __esModule: true}

知道这里发生了什么以及如何解决它？ 我很困惑。 在我的应用程序中，有大量其他导入文件在其他文件中成功运行。

Answer 1

你不能在同一行中使用default和const

export default const deleteMe = "Yep, it's working"

你必须打破它：

export const deleteMe = "Yep, it's loading";
export default deleteMe;

并导入它您可以执行以下任一操作：

import deleteMe  from './DeleteMe';

要么

import  { deleteMe }  from './DeleteMe';