Question

我是React JS的新手，我想创建一个包含多个组件的程序包，然后将其发布到npm，以便其他团队成员可以通过安装该程序包来重用它们。

我正面临尝试的导入错误：'Test1'未从'Test_components'中导出。错误尝试在我的原始项目中导入该软件包。

Test1是一个示例组件，我想在该包中添加更多类似组件。请帮助我解决错误。

这是我的自定义程序包结构。

-Test_Components
 |
  ---Components
    |
     ---Test1.js
  ---index.js
  ---package.json

Test1.js

   import React from "react";

   class Test1 extends React.Component {
   render() {
   return <div> This is so Fancy!</div>;
   }
   }
   export default Test1;

index.js

    import Test1 from "./Components/Test1";
    module.exports = { Test1 };

package.json

     {
     "name": "test_components",
     "version": "1.0.10",
     "description": "Put a description here",
     "main": "index.js",
     "dependencies": {
     "react": "^15.5.4",
     "webpack": "^2.6.1"
     },
     "author": {
     "name": "xxx",
     "email": "xxx@gmail.com"
    }
    }

在实际的Project Testing.js中，如下所示导入。

     import React from "react";
     import { Test1 } from "test_components";
     class Testing extends React.Component {
     render() {
     return <Test1></Test1>;
     }
     }
     export default Testing ;

Answer 1

导入Test1时必须删除括号。

 import { Test1 } from "test_components";

替换为

import  Test1  from "test_components";

我认为您的问题是重复的，您应该将其with this混在一起，但我仍然没有信誉。

尝试导入错误：未从“ Test_components”导出“ Test1”

1 个答案: