javascript - react引入css文件 提示 Cannot find module "../../css/style.css"
滿天的星座
滿天的星座 2017-05-19 10:09:09
[JavaScript讨论组]

在安装了 style-loader 和 css-loader后,在component里面引入css文件,报无法找到模块。webpack的配置文件如下:
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"
}

引入css文件如下:
var footerCss = require("../../css/style.css");
export default class ComponentFooter extends React.Component{
render(){

   console.log(footerCss);
   

报错提示如下:

Uncaught Error: Cannot find 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

注:src/css下面有footer.css文件

滿天的星座
滿天的星座

全部回复(1)
给我你的怀抱

css文件不是Module,不像其他组件有export...

使用方式:

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

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

或:

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

<p className={styles.XXX}></p>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号