时间戳

首页 > 解决方案 > Webpack - 错误 - 使用 ES6 模块时必须导出默认导出

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

问题描述

我正在使用 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 结果。请帮忙。

标签： webpack

解决方案

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

“模块：@babel/core”

在你的 webpack 配置中，添加

{
   target: "node"
}.

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

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

推荐阅读