css 编制有问题SASS

sbdsn5lh  于 2023-03-05  发布在  其他
关注(0)|答案(1)|浏览(117)

当我启动我应用程序时,我遇到了一些编译问题:

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;
kqlmhetl

kqlmhetl1#

为Webpack 4文件加载程序配置对PNG映像的支持
安装文件加载程序

npm install --save-dev file-loader

webpack.config.js更改为具有以下规则

module: {
    rules: [
      {
        test: /\.png$/,
        use: 'file-loader'
      }
    ]
  }

你可以找到更多的信息来支持其他文件类型here

相关问题