javascript - React importe les fichiers CSS et les invites Impossible de trouver le module "../../css/style.css"
滿天的星座
滿天的星座 2017-05-19 10:09:09
0
1
1687

Après avoir installé style-loader et css-loader, j'ai importé le fichier css dans le composant, mais il a signalé que le module était introuvable. Le fichier de configuration de webpack est le suivant :
context : __dirname+'/src',

entry:"./js/index.js",
module:{
    loaders:[{
        test:/\.js?$/,
        exclude:/(node_modules)/,
        loader: "babel-loader",
        query:{
            presets:['react','es2015'],
            plugins:['react-html-attrs'],
        }
    },
    {
        //test:/\.css$/,
        //loader:'style!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]__[hash:base64:5]'
        test: /\.css$/,
        loader: 'style-loader!css-loader'
    }]
},
output:{
    path:__dirname+"/src/",
    filename:"bundle.js"
}

Introduisez le fichier CSS comme suit :
var footerCss = require("../../css/style.css");
export default class ComponentFooter extends React.Component{
render(){

   console.log(footerCss);
   

Le message d'erreur est le suivant :

Erreur non détectée : impossible de trouver le module "../../css/style.css"

at webpackMissingModule (bundle.js:9979)
at Object.defineProperty.value (bundle.js:9979)
at __webpack_require__ (bundle.js:20)
at Object.ARIADOMPropertyConfig.Properties.aria-current (bundle.js:10178)
at __webpack_require__ (bundle.js:20)
at module.exports (bundle.js:66)
at bundle.js:69

Remarque : il existe un fichier footer.css sous src/css

滿天的星座
滿天的星座

répondre à tous(1)
给我你的怀抱

Le fichier CSS n'est pas un module, contrairement aux autres composants qui ont un export...

Comment utiliser :

import "../../css/style.css"

<p className="XXX"></p>

ou :

import styles from "../../css/style.css"

<p className={styles.XXX}></p>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal