React教程- css未加载

文章/答案/技术大牛

发布

2回答

css、reactjs

我正在学习一个位于here的React/Spring Boot教程。一切都进行得很顺利，包括React上的组的初始显示。但是，一旦React片段被重构以将组列表分离到一个单独的模块中，并且添加了一个导航栏，我就得到了一个没有任何css呈现的显示。代码如下： App.js import React, { Component } from 'react';

浏览 17提问于2020-04-01得票数 0

1回答

如何在React中编辑或导入CSS？

css、reactjs

我刚开始使用React，我似乎在CSS加载方面遇到了问题。我试着根据教程导入它，但现在这样做似乎不是一个好方法，因为教程有点旧了。这是我的代码，希望有人能帮上忙。为什么我的CSS没有加载？Layout.js： import React from "react";import classes fr

浏览 11提问于2021-08-24得票数 0

回答已采纳

1回答

未将模块CSS加载到项目中

css、reactjs、npm

我已经开发了一个react模块，并且为了演示react模块，我已经设置了一个react项目。一切正常，webpack的配置被设置为使用下面的css加载器。 test: /\.(css|less)$/,} 当导入和使用模块时，它在项目中完美地加载模块中的CSS。但是当我使用下面的代码时

浏览 0提问于2018-08-23得票数 0

1回答

React教程不加载base.css

css、reactjs

我在使用React教程时遇到了问题。在stackoverflow的帮助下，我能够让服务器/应用程序接口运行起来，但现在由于某种奇怪的原因，base.css无法加载。base.css在css文件夹中，当我在Dreamweaver中编辑时，它会自动加载base.css，所以我真的很困惑。这是我的index.html <link rel=&

浏览 0提问于2016-02-26得票数 0

1回答

React css未正确加载

css、reactjs

我使用create-react-app创建了一个非常简单的应用程序。但是css对我不起作用。这是我的代码.h1 {} import React, { Component } from 'react'; render() {

浏览 0提问于2017-11-30得票数 0

3回答

React中的内容加载占位符动画

reactjs

任何人都知道如何在React中实现在YouTube等流行网站上看到的灰色内容加载动画。最好不要有图书馆，但欢迎图书馆的建议。谢谢。

浏览 1提问于2018-06-10得票数 1

回答已采纳

3回答

是否可以在react中卸载动态css导入？

javascript、css、reactjs

我有两个用react.lazy和悬念加载的文件：import { Route, Redirect } from'react-router-dom';

浏览 3提问于2019-10-09得票数 3

回答已采纳

3回答

如何为响应式img预留空间(停止块跳下)

html、css

如果图像应该响应，如何解决图像加载后跳下块的问题？图像加载： Html：import "./styles.css"; "https://s3.ama

浏览 1提问于2020-11-04得票数 6

回答已采纳

1回答

仅在需要时加载React块CSS

css、reactjs、optimization、lazy-loading、create-react-app

灯塔告诉我，当我运行审计时，我的React应用程序要“推迟未使用的CSS”。我已经实现了代码拆分，所以我有一堆块，它们都包含自己的CSS。问题是，即使页脚组件最初没有呈现，它的CSS仍然加载到页面的头部，这就是灯塔所抱怨的。有没有办法在组件实际渲染/需要时才能将CSS<em

浏览 2提问于2019-03-25得票数 2

1回答

安装photoeditorSDK时出现的问题

html、photoeditorsdk

-- React Dependencies for the SDK UI --> <scriptsrc="js/vendor/react-dom.min.js"></script> <script src="js

浏览 20提问于2018-01-08得票数 0

2回答

所以我编写了一个非常简单的React应用程序，但没有使用创建-反应-应用程序设置。我想自己学习CRA之类的东西是如何建立起来的。我基本上只是用webpack来构建和捆绑我的React应用程序。目前，我有一个Babel加载程序来翻译我的React/JSX，还有一个“HTML -加载程序”，用于我的HTML(我看了Webpack的教程说我需要它，但我仍然不明白为什么我要翻译我的HTML？)我的项目目前还没有CSS样式，我想学习如何添加它。但我搞不懂我该用什么装载机

浏览 1提问于2018-05-04得票数 5

回答已采纳

1回答

在不带localIdentName的Webpack css加载器中添加特定类的样式

webpack、css-loader

我正在使用webpack的url-loader加载css文件，并通过CSS模块访问它们。如何更改由库添加的未散列样式的样式？也就是说，React路由器添加了活动类名。我如何在这个类上添加css？

浏览 0提问于2017-06-17得票数 0

1回答

找不到模块RecipeStyle.css

reactjs、webpack

我创建了一个css文件，并希望它包含在jsx文件中。我安装了css加载器、样式加载器和babel。我看了一些教程，学习了所有的东西，我甚至删除了node modules文件夹，并用npm install重新加载了它。Recipe.jsx import React from 'react'; import { IngredientFormPart } from './RecipeStyle.css

浏览 15提问于2021-02-12得票数 0

1回答

脚本源标签加载index.jsp本身

javascript、html、jsp

我正在尝试使用带有src属性的脚本标签从index.jsp加载js文件。如果我从外部url加载它们，它们可以正常加载，但如果我尝试在本地加载(例如下面代码中的grommet )，它会显示它已加载。family=Source+Sans+Pro:400italic,400,700' rel='stylesheet' type='text/css'> <link href='/grommet

浏览 0提问于2015-10-18得票数 0

1回答

尝试使用React创建SyntaxError扩展时出现“未捕获的Chrome :意外的标识符”

javascript、reactjs、google-chrome-extension

我正在尝试使用create- React -app在react中创建一个Chrome扩展。当我加载Chrome的扩展时，时钟检查弹出窗口试图让popup.html在控制台上运行，它在导入react行的popup.js行1上告诉我“未捕获SyntaxError:意外标识符”。既然我需要将未打包的扩展加载到chrome中，那么npm如何启动才能提供帮助？, {Component} from 'react'; import ReactDO

浏览 0提问于2018-04-14得票数 0

2回答

使用css-加载程序而不作任何反应

css、webpack、bundling-and-minification、css-loader、css-modules

我正在构建一个小的web应用程序Webpack支持的CSS模块(通过css加载程序)，没有反应。我的目标是通过在css加载器上使用选项(因为我目前正在使用冗长的边界元类名)来获取localIdentName: '[hash:base64:8]'。由于我没有使用React，所以我使用的是未以编程方式通过JSX文件或document.write生成的原始HTML。我以前使用过css-加载程序和React</em

浏览 1提问于2019-03-08得票数 2

回答已采纳

1回答

React.js无法动态应用CSS类

javascript、css、reactjs、websocket

我们在使用react object className作为属性变量时遇到了问题。这使我们无法通过检测类名来动态加载图像&将名称与大型CSS sprite (100+图像)中的正确图像进行匹配。数据通过websocket端点不断发送，当react对象发生变化时，我们需要显示一个新图像。 {

浏览 1提问于2016-10-01得票数 0

9回答

Next.js -导入css文件不工作

javascript、css、reactjs、next.js

我正在创建一个带有react、redux和next.js的项目，并希望导入js中的CSS文件。 import "../style.css" render() { ret

浏览 12提问于2018-05-03得票数 33

2回答

将同构组件与客户端和服务器端呈现交互。

javascript、css、reactjs、react-router、react-dom-server

/Main.css'; import Info from './Record.css'; import React, {Component} from 'r

浏览 2提问于2016-09-01得票数 3

回答已采纳

1回答

"ReactBingmaps“不支持node_modules的css文件/模块。

node.js、next.js

(请参阅next.js教程。)npm i react bingmap在“page/index.js”中添加“导入{ ReactBingmaps }从‘react bingmap’；”。npm安装--保存@zeit/next-css创建next.config.js并复制以下代码：const withCSS = require('@zeit/next-css/node_modules/

浏览 1提问于2018-11-19得票数 0

回答已采纳

点击加载更多