Возможно, вам потребуется соответствующий загрузчик для обработки этого типа файлов, в настоящее время загрузчики не настроены для обработки этого файла. Видишь webpack.js.org/concepts

#css #reactjs #webpack #react-hooks

Вопрос:

У меня тоже есть файл .babelrc, но это произошло, когда я создал файл css и попытался добавить в него стиль импорта в своем компоненте

Meu webpack.config.js

 const HtmlWebPackPlugin = require("html-webpack-plugin");  module.exports = {  module: {  rules: [  {  test: /.js|.jsx$/,  exclude: /node_modules/,  use: {  loader: "babel-loader",  }  },  {  test: /.html$/,  use: [  {  loader: "html-loader"  }  ]  }  ]  },  plugins: [  new HtmlWebPackPlugin({  template: "./public/index.html",  filename: "./index.html"  })  ] }  

Meu package.json

 {  "name": "axur-project",  "version": "1.0.0",  "description": "",  "main": "index.js",  "scripts": {  "start": "webpack serve --open --mode development",  "build": "webpack --mode production",  "test": "echo "Error: no test specified" amp;amp; exit 1"  },  "keywords": [],  "author": "",  "license": "ISC",  "dependencies": {  "axios": "^0.23.0",  "express": "^4.17.1",  "react": "^17.0.2",  "react-dom": "^17.0.2",  "webpack": "^5.58.2",  "webpack-cli": "^4.9.0"  },  "devDependencies": {  "@babel/core": "^7.15.8",  "@babel/preset-env": "^7.15.8",  "@babel/preset-react": "^7.14.5",  "babel-loader": "^8.2.2",  "html-loader": "^2.1.2",  "html-webpack-plugin": "^5.4.0",  "nodemon": "^2.0.13",  "webpack-dev-server": "^4.3.1"  } }  

Может быть, мне нужно добавить какие-то зависимости или выполнить какую-то установку чего-то, чего я действительно не знаю, чего не хватает, потому что я пытался что-то найти, и мне ничего не помогло