使用自己的React NPM组件 - 适当的加载程序问题

Question

我已经在我想发布到NPM的React应用程序中制作了一个组件。它仅由一个文件index.js

组成

import React from 'react'
import PropTypes from 'prop-types';
export default class Test extends React.Component {
    //I seem to be getting a specific issue with the lines below
    //Do I need a special loader for these?
    static displayName = 'Test'
    static defaultProps = {
      live: true,
    }
}

最初该组件在我的主应用程序的components目录中，我将其包括在内：

import Test from './components/Test'

从那以后，我创建了一个新文件夹(不是我的主应用程序的一部分(，并添加了package.json文件和index.js文件。我还将其发布给NPM，但是当我在安装后尝试使用它时...

npm i -S package-name
import Test from 'package-name'

我有一个错误：您可能需要一个适当的加载程序来处理此文件类型...

我的package.json文件目前没有任何dependencies或devDependencies。我需要使用webpack和babel做点事吗？

Answer 1

我需要用webpack和babel做点事吗？

很可能。如果您在package-name中使用ES6语法，则Babel也需要对该库进行转编码。当我遇到错误时，情况一直都是这样。我建议更新您的WebPack/Babel配置以包括该库。