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

问题描述

我已经安装了reactjs项目

$ npx create-react-app my-app

我在assets边创建了一个名为src的文件夹，并添加了一个名为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'

如何解决这个问题。

解决方法

导入时使用相对路径，

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

如果您已命名出口

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

reactjs reactjs