出口的阵营意外的标记和的WebPack

Question

我有一个文件名叫做api_path.js并在其中我有这个

export { 
    api_path: 'https://localhost:3001/' 
} 

然后在我的部分我做

import { api_path } from 'config/api_path' 

我得到错误：

unexpected token, you may need an appropriate loader to handle this file type.

我需要什么样的装载机？

Answer 1

export keyword后面没有一个对象，而是一个特殊的语法，它列出了应该导出的标识符。

你必须定义一个你想要导出的变量。

const api_path = 'https://localhost:3001/' 
export { api_path } 

您可以通过将export关键字放在变量声明之前来实现。

export const api_path = 'https://localhost:3001/' 

由于webpack 2+处理ES模块，因此不需要装载程序。该错误消息仅表明您可能需要适当的加载程序，因为这不是有效的ES模块语法，但可能有意使用特殊语法并忘记为其配置加载程序（这是常见错误包括另一种文件类型，如CSS）。