相关疑难解决方法(0)

我有一个在 Next.js 页面中使用的 React 组件：

/页面/index.js

import React from 'react';
import ReactDOM from 'react-dom';
import Layout from "../src/hoc/Layout/Layout";
import Main from "../src/components/Main/Main";

const Index = () => (
   <Layout>
       <Main />
   </Layout>
);
export default Index

在 Main.js 我有以下代码

import macbookIphone from '../../assets/images/mac-iphone.jpg';

我收到以下错误

模块解析失败：意外字符“？” (1:0) 您可能需要一个合适的加载器来处理此文件类型，目前没有配置加载器来处理此文件。请参阅 https://webpack.js.org/concepts#loaders（此二进制文件省略了源代码）

我尝试执行以下操作

在next-config.js 中

const withImages = require('next-images')
module.exports = withImages()

我仍然遇到同样的错误。

我究竟做错了什么？

我正在使用next-mdx-remote创建一个博客，并希望在.mdx文件public/夹外的文件中使用图像。

这是我的博客项目的完整代码？https://github.com/deadcoder0904/blog-mdx-remote

我有以下文件夹结构：

.
??? package-lock.json
??? package.json
??? pages
?   ??? _app.js
?   ??? blog
?   ?   ??? [slug].js
?   ??? dark.css
?   ??? index.js
?   ??? new.css
??? posts
?   ??? blog
?   ?   ??? hello-world
?   ?   ?   ??? Rustin_Cohle.jpg
?   ?   ?   ??? index.mdx
?   ?   ??? shit-world
?   ?       ??? index.mdx
?   ??? tutorials
?       ??? console-log-in-javascript
?           ??? index.mdx
??? utils
    ??? mdxUtils.js

我的所有内容都在posts/文件夹中。

我有 …