Question

我目前正在学习ES6＆amp; 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检查器中），＆＃34;是的，它正在加载＆＃34; 在控制台中启动，因此文件本身就会通过。

我试过了：

import * as deleteMeStuff from ./DeleteMe查看是否会填充deleteMeStuff。它没有
重新启动webpack-dev-server。没有骰子，编译时没有错误。在./DeleteMe中投掷debugger确认更改正在进行中。
const deleteMe = "Yep, it's working"; export default deleteMe＆amp; import deleteMe from './DeleteMe' - ＆gt;仍然没有快乐

在调试器中，我发现_DeleteMe只返回{deleteMe: "Yep, it's loading", __esModule: true}

知道这里发生了什么＆amp;怎么解决？我完全糊涂了。在我的应用程序中，还有大量其他导入文件在其他文件中成功运行。

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';