Попытка импортировать ошибку: «Test1» не экспортируется из «Test_components» - PullRequest
Новая
       2

Попытка импортировать ошибку: «Test1» не экспортируется из «Test_components»

0 голосов
/ 04 апреля 2020

Я новичок в React JS, я хотел бы создать один пакет из нескольких компонентов, которые я могу опубликовать sh до npm, чтобы другие члены команды могли повторно использовать их, установив этот пакет.

Я сталкиваюсь с Попытка ошибки импорта: «Test1» не экспортируется из «Test_components» .error Когда я пытался импортировать этот пакет в исходный проект.

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 };

пакет. 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"
    }
    }

В реальном тестировании проекта. js, импортируется как показано ниже. 

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