【问题标题】:Error during an attempt to import generated js module尝试导入生成的 js 模块时出错
【发布时间】:2018-03-30 06:27:18
【问题描述】:

babel 不断变化,babelrc 的基本配置是什么?

我的 .babelrc 中有这个

{
    "presets": ["es2015", "react"],
    "plugins": [
        ["transform-class-properties", { "spec": true }]
      ]
}

还有这个的转译代码

import React from 'react'

export default class Test extends React.Component {
  render() {
    return <h2>test</h2>
  }
}

遇到React.createElement: type is invalid — expected a string 的错误我正在反应"react": "^15.6.1"

https://github.com/thian4/webpack-problem

我在我的演示项目中使用npm run build-lib

【问题讨论】:

  • 使用什么版本的babel?
  • 如何转译代码?
  • @hendrathings 我已经包含了我的演示项目演示
  • @havenchyk 我正在使用 webpack,我已经包含了我的演示
  • @SharonChai 你确定,回购是正确的吗?我在那里看不到 webpack,只有包裹

标签: reactjs webpack ecmascript-6 babeljs


【解决方案1】:

问题在于您错误地使用了 webpack,与 baberlc 文件或配置无关。

1) 使用npm run build-liblib 文件夹中构建一个文件,但没有真正的导出,所以umd 目标是一个解决方案

2) 但是 1) 是错误的方法,因为您将相同的代码库构建到另一个文件中并在开发模式下导入它

【讨论】:

  • 我知道答案,但不知道为什么要使用umd。
  • @SharonChai 因为您依赖于使用 npm run build-lib 构建的模块,该模块没有默认导出 afaik
  • 默认导出 afaik 是什么意思?这是与npm run build-lib 捆绑在一起的源代码:export default class Test extends Component { render() { return &lt;h1&gt;Test&lt;/h1&gt; } }
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-05-01
  • 2019-07-01
  • 1970-01-01
  • 2012-08-27
  • 1970-01-01
相关资源
最近更新 更多