Question

我在我的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文件目前没有任何dependencies或devDependencies。我是否需要对Webpack和Babel做些什么？

Answer 1

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

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

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

1 个答案: