css 编制有问题SASS

sbdsn5lh 于 2023-03-05 发布在其他

关注(0)|答案(1)|浏览(104)

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

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;

css

来源：https://stackoverflow.com/questions/75626240/compiled-with-problems-sass

1条答案

按热度按时间

kqlmhetl1#

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

npm install --save-dev file-loader

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

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

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

赞(0）回复(0）举报 2023-03-05

我来回答

css 编制有问题SASS

1条答案

相关问题

热门标签

最新问答