如何使文件夹被接受为reactjs项目中的模块

Question

我已经安装了一个 reactjs 项目

$ npx create-react-app my-app

我在src 中创建了一个名为assets 的文件夹，并添加了一个名为test.js 的文件，我的文件夹结构如下

已添加src/assets/test.js

$ tree -t -I node_modules                                                                                                                                                               
.
├── public
│   ├── favicon.ico
│   ├── index.html
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   └── robots.txt
├── README.md
├── package.json
├── package-lock.json
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── logo.svg
    ├── serviceWorker.js
    ├── setupTests.js
    ├── assets
    │   └── test.js
    └── index.js

在我的 index.js 中我添加了

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

import "assets/test.js"

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);
serviceWorker.unregister();

现在运行时

npm 开始

Failed to compile.                                                            
                                                                                                                                                                                        
./src/index.js
Module not found: Can't resolve 'assets/test.js' in '/home/user/my-app/src'

如何解决这个问题。

Answer 1

导入时使用相对路径，

import mytestFunc from "./assets/test.js"

如果您已命名导出

import {mytestFunc} from "./assets/test.js"