从本地项目导入组件时，“未找到模块”

Question

在React中，我希望从React导入和使用./src/components/package/MyComponent。

成功编译了ProjectB，没有任何错误。在ProjectB index.js文件中，我导出了组件

import ReactDOM from "react-dom";
import App from './App';
import "./app.css";

export { default as MyComponent } from './components/package/MyComponent';

ReactDOM.render(<App />, document.getElementById("root"));

在PojectA package.json文件中，我导入了projectB模块

"dependencies": {
    "@somescope/projectB": "file:../projectB",
    "axios": "^0.19.2",
    "date-fns": "^2.10.0",
    "interweave": "^12.5.0",
    "lodash": "^4.17.15",
    "material-icons": "^0.3.1",
    "react": "^16.8.0",
    "react-dom": "^16.8.0",
    "react-grid-system": "^6.2.4",
    "react-intersection-observer": "^8.26.2",
    "react-scripts": "3.2.0"
  },

我已经运行了"npm安装“、"npm安装@som知名人士/ projectB”和"npm安装-保存./projectB“，以将projectB模块安装到projectA中。在运行这些命令之后，我可以看到projectB出现在projectA/node_node文件夹下。

但是，当我试图导入和使用MyComponent时：

import {MyComponent} from "@somescope/projectB";

并运行"npm“命令，它在控制台中给出了以下错误：

Module not found: Can't resolve '@somescope/projectB'

请大家帮帮忙，我做错了什么，如何解决这个错误？

Answer 1

export { default as MyComponent } from './components/package/MyComponent';

这一行似乎是你做了一个默认的导出。如果是这样的话，那么要导入该组件，就需要这样做：

import MyComponent from "@somescope/projectB";

我删除了{}，因为它可能是默认的导出。