react引入css文件中，import导入文件怎么理解，与css中的import有区别吗

来源：蜘蛛抓取(WebSpider) 时间：2017-10-17 06:18 标签： react 导入css样式
React中如何引入css文件？ - 知乎10被浏览3472分享邀请回答13 条评论分享收藏感谢收起0添加评论分享收藏感谢收起在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
练习react的大致目录结构如下
components/
containers/
index.html
webpack.base.js
package.json
其中webpack的入口文件是app.js。组件Message的index.js代码如下
import React from 'react';
function Message(props) {
return &div&Hello {props.name}&/div&
export default M
容器App下的index.js代码如下
import React from 'react';
import Message from '/components/Message';
class App ponent {
render() {
&Message name="React" /&
export default A
npm start后，会出错，提示Cannot resolve 'file' or 'directory' /components/Message
按资料讲的是/是绝对路径，其是相对于入口文件的相对路径。按理上面import应该是对的。然而报路径错误。于是将其修改为：
import Message from '../../components/Message';
打包过程正常，但在运行过程中浏览器会报上面import代码行错误Uncaught TypeError: Super expression must either be null or a function, not undefined
不是太明白。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
Cannot resolve 'file' or 'directory' /compoents/Message
报错信息写的是compoents, 而你的真实路径是components, 路径名写错了。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
路经改成 '../../components/Message'然后将你的message组件改一下，你现在return的是一个function，而不是一个react组件
import React, {Component} from 'react';
export default class Message extends Component {
render() {
&div&Hello {props.name}&/div&
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
import Message from '../../components/Message';中试试将路径改成‘../../components/Message/index.js’
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
我也遇到过这个问题。除了楼上所说的我还有一个小的tips:Component 拼写错误也会导致报这错误。
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
在react中导入CSS文件发生了错误；错误提示如下：
1、我的webpack是3.5.5版本2、依赖包版本如下：
3、webpack配置：
4、但是在下面引人CSS文件时发生了错误：（路径什么的没有错误）
5、文档结构树：
6、改用：import { domCreator } from '../css/StyleHeader.css';后又报新错：
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
如果按原来的配置文件的话，需要安装依赖包style最后又会报其他错误；但是我把配置文件中的加载CSS那一句改成：loader: "style-loader!css-loader?modules&importLoaders=1&localIdentName=path---[local]---[hash:base64:5]"发现问题就解决了；
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：

我要回帖

更多关于 react 导入css样式 的文章

 

随机推荐