当我启动我应用程序时,我遇到了一些编译问题:
Compiled with problems:
./src/样式/页面/_ Home. scss中的错误(./node_modules/css加载程序/dist/cjs. js??规则集1.规则1.[7]之一.使用1! ./node_modules/postcss加载程序/dist/cjs. js??规则集1.规则1.[7]之一.使用[2]! ./node_modules/解析URL加载程序/索引. js??规则集1.规则1.[7]之一.使用[3]! ./node_模块/sass加载程序/dist/cjs. js??规则集1.规则1.其中一个[7].使用[4]! ./src/样式/页面/_ Home. scss)5:36 - 87
未找到模块:错误:无法解析"C:\Users\joucy\Desktop\joucep\src\styles\pages"中的"../../src/images/bg.png"
所有的路径都是好的,但仍然有这个消息,你可以看到屏幕截图,有人能帮我吗?也许我做错了
我的家. jsx看起来像:
import React from 'react';
import '../styles/pages/_Home.scss'
import '../images/bg.png';
const Home = () => {
return (
<div className="main-container">
</div>
);
};
export default Home;
1条答案
按热度按时间kqlmhetl1#
为Webpack 4文件加载程序配置对PNG映像的支持
安装文件加载程序
将
webpack.config.js
更改为具有以下规则你可以找到更多的信息来支持其他文件类型here