找不到模塊：創建模塊時無法解析

Question

當我將其導入測試應用程序中時，我正在制作一個模塊，但是卻收到此錯誤。

../fetchModule/index.js找不到模塊：無法解析'/ Users / ****** / nodework / fetchModule'中的'./Myfetch'

這是文件夾結構

這是package.json

的package.json

{
  "name": "fetchmodule",
  "version": "1.0.0",
  "description": "a fetch module for our project",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "./node_modules/.bin/babel src --out-file index.js"
  },
  "peerDependencies": {
    "react": "^16.6.6",
    "react-dom": "^16.6.3",
    "axios": "^0.19.0"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@babel/cli": "^7.4.4",
    "@babel/core": "^7.4.5",
    "@babel/preset-env": "^7.4.5",
    "@babel/preset-react": "^7.0.0",
    "react": "^16.8.6",
    "react-dom": "^16.8.6"
  },
  "devDependencies": {
    "@babel/plugin-proposal-class-properties": "^7.4.4",
    "axios": "^0.19.0"
  }
}

index.js

import React, {Component} from 'react';
import Myfetch from  './Myfetch';

export default class Fetch extends Component {
 .......

}

MyFetch

import React, {Component} from 'react';
import axios from 'axios';

export default class MyFetch extends Component {
  .....
}

Answer 1

基於文件夾結構，其路徑。 您應該將它導入index.js中，如下所示：

import MyFetch from './src/Myfetch'