React Webpack和Redux添加CSS和组件

时间:2018-10-26 19:23:08

标签: reactjs webpack react-redux

我在网上找到了这个tutorial。我根据教程设置了react应用程序,一切都OK。但是现在我想添加css文件并在组件上划分应用程序在tutorial中的状态。我想在运行命令npm start之后显示默认页面。但是,当我添加css文件和App.jsx并写道:npm start时出现错误:

  ./src/App.js中的

错误   找不到模块:错误:无法解析“ / Users /用户名/ Documents / Projects / myApp / frontend / src”中的“ ./App.css”    @ ./src/App.js 21:0-19    @ ./src/index.js    @ multi(webpack)-dev-server / client?http://localhost:3000(webpack)/hot/dev-server.js ./src/index.js

感谢您提供有关如何设置应用程序以使其正常运行的建议。

2 个答案:

答案 0 :(得分:0)

您更改了使用create-react-app时获得的默认文件夹结构。看来您的css文件位置错误。

答案 1 :(得分:0)

解决方案是:

  

npm安装样式加载器

     

npm安装css-loader

并编辑webpack.config.js在link中的状态。