使用自己的React npm组件 - 适当的加载器问题

时间:2017-06-06 15:15:06

标签: reactjs npm webpack babel

我在我的React应用程序中创建了一个组件,我想将其发布到NPM。它只包含一个文件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文件目前没有任何dependenciesdevDependencies。我是否需要对Webpack和Babel做些什么?

1 个答案:

答案 0 :(得分:0)

  

我是否需要对Webpack和Babel做些什么?

最有可能。如果您在package-name中使用ES6语法,那么babel也需要对该库进行转码。当我遇到这个错误时,情况一直如此。我建议更新您的Webpack / Babel配置以包含该库。