Question

我正在与React合作。启动我的webpack构建时，控制台返回：

./ src / index.js中的错误

Module build failed (from ../node_modules/babel-loader/lib/index.js):

Error: Must export a default export when using ES6 modules.

这是我的.babelrc文件：

{
  "presets": ["module:@babel/core", "@babel/preset-env" ,"@babel/preset-react"]
}

这里是文件片段：

import React from "react"
import ReactDOM from "react-dom"
import Editor from "./Editor"


if (module.hot){module.hot.accept()} ;


ReactDOM.render(
    <Editor/>,
    document.getElementById("root")
)

我不知道出什么问题了，这是我第一次看到此错误。此外，网络上提供的文档也非常抽象。我仅找到7条带有关键词的Google搜索结果。请帮忙。

Answer 1

在.babelrc文件的预设中，删除

“模块：@ babel /核心”

在您的webpack配置中，添加

{
   target: "node"
}.

您的Es 6导入将开始在您的express文件中工作，但是您需要使用其扩展名输入每个文件。例如。

import App from "./src/app.js"

Webpack-错误-使用ES6模块时必须导出默认导出

1 个答案: