当我添加一个FlashMessage组件时，为什么我的React应用程序不能编译？
当您添加一个FlashMessage组件时，导致React应用程序无法编译的原因可能有多种可能性。以下是一些常见的原因和解决方法：
- 缺少依赖：确保您的项目中已经安装了FlashMessage组件所需的所有依赖项。您可以通过运行
npm install或yarn install来安装缺少的依赖项。 - 版本冲突：检查您的项目中的React和FlashMessage组件的版本是否兼容。有时，不同版本的React和组件之间可能存在不兼容的问题。尝试升级或降级React或FlashMessage组件的版本，以解决版本冲突。
- 错误的导入：确保您正确地导入了FlashMessage组件，并且路径和文件名是正确的。检查导入语句是否正确，并确保FlashMessage组件的文件存在于指定的路径中。
- 语法错误：检查您的代码是否存在语法错误。在添加FlashMessage组件之前，可能已经存在其他代码错误，导致整个应用程序无法编译。仔细检查代码中的拼写错误、缺少的分号或括号等常见错误。
- 冲突的组件：如果您的应用程序中已经存在名为FlashMessage的组件，可能会导致命名冲突。尝试更改FlashMessage组件的名称，以避免与其他组件冲突。
如果您仍然无法解决编译问题，建议您查看React的官方文档、FlashMessage组件的文档或向相关社区寻求帮助。请注意，由于您要求不提及特定的云计算品牌商，我无法为您提供与腾讯云相关的产品和链接。
相关·内容
function Notification({ flashMessage }) {
useEffect(() => {
if (isEmpty(flashMessage)) {
return null;
}
const dispatch = useDispatch();
dispatch(uiActions.dispatchNotification(flashMessage));
}, [flashMessage]);
....
return <div>....</div>
};
react-dom.dev
浏览 1提问于2020-09-23得票数 0
回答已采纳
我想向mey Laravel + Vue应用程序提供祝福的闪存信息，所以我在GitHub上找到了一个npm包，并将其安装在我的应用程序(npm安装)中。
我是VueJ的初学者，我面临一个问题:我只是不能在我的vue组件中使用这个包，因为当我尝试包含这个包时，它会抛出错误
我使用什么和我得到什么：
这是我的app.js代码
window.Vue = require('vue');
/*including the package*/
import FlashMessage from '@smartweb/vue-flash-message';
Vue.use(Fl
浏览 0提问于2019-04-23得票数 0
回答已采纳
我用的是material-ui和SSR。根据文档上的material-ui，我已经在我的应用程序上安装了SSR机器。它确实工作，但也不是没有一个呈现问题，到目前为止，这是很难调试的。下面是更多的细节。
SSR +加载状态(这会导致comp )。在问题中，如果没有在一个SSR呈现传递中呈现，下面的更多信息)会导致特定组件在第二次呈现传递上呈现的特定组件的ID不一致，而不是在第一个呈现传递上(因为其呈现取决于有可用的数据)。
这会导致从服务器发送的标记对此组件具有不同的CSS类名，在发生水合时会造成视觉上的不一致，如下所示：
SSRed组件：
水化组分：
DOM中可用的实际类
浏览 9提问于2020-04-17得票数 4
回答已采纳
所以我试着把我用php写的一个网站移植到java。我不明白为什么我的jquery不能在java中工作。这是一个精简的函数，我正在尝试使用它。当我点击一个按钮时，我是在删除一个div。我知道我的函数被调用是因为我在其中放入了警告，但是jquery不工作。
function divClose()
{
alert('close div');
$("div.flashMessage").remove();
$("div.flashMessage").fadeOut("slow
浏览 0提问于2011-08-02得票数 1
2回答
我正在尝试用Reactjs + Redux + React路由器创建一个应用程序，但是我遇到了一些问题，我不明白是什么导致了它。很可能我还不完全明白它是怎么工作的。
当我更新Redux的存储时，所有组件都会重新呈现，而不是使用它的状态。这意味着，当我简单地显示一条闪存消息时，我的api调用就会运行两次。例：
render() {
const user = this.props.user;
if( ! user || ! user.token ) {
return (<Redirect
to={{
浏览 1提问于2018-02-26得票数 1
回答已采纳
我使用的是React 16.13.0。当我的用户成功提交表单时，我想显示一条成功的闪光消息。我以为https://www.npmjs.com/package/react-native-flash-message就是FlashMessage的发展方向。根据文档，我在我的App.js组件中放了最后一件事... import React from 'react';
import logo from './logo.svg';
import './App.css';
import '../node_modules/bootstrap/dist/
浏览 24提问于2020-03-27得票数 0
回答已采纳
1回答
导入世博字体失败
、、
当我试图导入一个带有expo字体的字体时，我会得到这个错误。null is not an object" (evaluating 'dispatcher.useState')，但是这个错误肯定与我的字体导入有关。
import { NavigationContainer, useNavigation } from '@react-navigation/native';
import { FontAwesome } from '@expo/vector-icons';
import { MaterialCommunityIcons } fr
浏览 4提问于2022-09-13得票数 2
回答已采纳
我不能让这个异常处理工作。我看起来很相似的问题/答案，但它们都不起作用。我在@ControllerAdvice中使用这个类来处理应用程序级别的错误处理。这不是REST应用程序。这是Spring boot & Thymeleaf
@EnableWebMvc
@ControllerAdvice
public class ErrorController {
@ExceptionHandler(LoginFailureException.class)
public ModelAndView handleLoginFailureException(LoginFailureExc
浏览 0提问于2019-05-03得票数 0
1回答
我正在开发nextjs，我正在集成“时事通讯”，每当我的响应为真时，验证消息就会显示正确(如果条件)，但只显示一次，持续5秒，并且每当我收到错误然后验证消息(其他条件)不工作时，就意味着“错误”消息没有在这里显示是我的代码。
import React, { useEffect, useState } from "react";
import FlashMessage from 'react-flash-message';
import { render } from 'react-dom';
const Subscribe = () =>
浏览 7提问于2022-06-30得票数 0
我有一个名为flash的组件，它只在DOM中停留5秒(这是一条消息，通知用户他已经成功地发送了帖子)，我希望它在2秒后开始褪色，这样5秒后，当它从DOM中删除时，它的可见性已经设置为0。为了实现这一点，在父组件I setTimeout()中，发送一个包含布尔值集为true的闪存组件，其中它有一个if等待该布尔值，当它得到该布尔值时，它会向该组件分配一个新类，以使其消失。听起来很完美，但不幸的是它根本不起作用.我尝试在闪存组件中更新类，但它也不起作用.也许你能想出点什么？我确信，发送闪光灯的反应与预先安排的组件是一个小的反应，但我只是想不出任何办法来做！
父组件：
if(this
浏览 6提问于2021-03-16得票数 1
回答已采纳
2回答
捆绑脚本未能在浏览器中加载
、、、、
Webpack编译成功，但未能在浏览器中加载。在检查web控制台时，我发现一些模块无法在_webpack_require_中访问。当我在相关模块中将import require 语法更改为require时，web控制台中抛出的错误消失了。我不打算进入每个文件并将我的import语法更改为require。我的.babelrc与webpack.config.js中的babel一起配置。
真的很困惑下一步该怎么做，因为这是我第一次使用webpack。
My webpack.config.js
***test: /\.(js|jsx)$/,
include: [
path.join(__di
浏览 1提问于2018-01-24得票数 0
我使用的是react-native-flash-message https://www.npmjs.com/package/react-native-flash-message。 一切都工作得很好，因为它很容易使用。但问题是，当我将它与Card组件(来自react-native-paper)一起使用时，消息隐藏在卡片下面。我希望这条信息放在所有东西的最上面。 我尝试过zIndex，但它不起作用。 这是演示代码； import * as React from 'react';
import { View, ScrollView } from 'react-native&
浏览 28提问于2021-06-27得票数 0
回答已采纳
1回答
我写了一个ASP.NET MVC的代码。在控制器中操作成功/失败后，我使用Vereyon.FlashMessage在页面顶部显示闪光消息。闪光信息成功地显示在页面的顶部，但问题是我不能摆脱闪光信息前夕解散。此外，当我移动到另一个页面时，flash消息会留在浏览器上。我怎么才能摆脱它呢？ 我的Controller代码是： public async Task<ActionResult> UpdateWorkCategoryAndRate(WorkOrderDetailsViewModel mainModel)
{
try
浏览 18提问于2020-10-05得票数 0
回答已采纳
为此，我花了几个小时寻找最简单的独立解决方案，但一无所获。我发现了一些答案一半的SO问题，这些问题似乎不适用于这里。我的问题是： 我在同一个GitHub存储库中有两个create-react-app应用程序。我想在它们之间共享一些组件，比如说，在与两个react应用程序相同的根目录下的shared文件夹中。当我使用npm link或执行mkdir shared; cd shared; npm init; cd ../app1; npm install ../shared时，当我执行import MyComponent from "shared";时，它可以很好地解析路径，但会
浏览 5提问于2020-07-16得票数 0
2回答
我的session对象只存储在google app engine的request作用域中，我不知道如何在请求之间持久化对象。在这个问题上，文档几乎是无用的，我找不到任何经历过类似问题的人。请帮帮忙。
当我将会话对象存储在servlet中并使用以下命令将请求转发给JSP时：
getServletContext().getRequestDispatcher("/example.jsp").forward(request,response);
一切都像它应该的那样工作。但是当我将对象存储到会话并使用以下命令重定向请求时：
response.sendRedirect("/exa
浏览 0提问于2010-06-09得票数 1
回答已采纳
2回答
我跟踪了。结果是：
问题是，我不能将上述组件作为npm包安装在另一个项目中。当使用以下导入时运行时(而不是构建时)时，它表示React is undefined：import ActionButtons from '@bit/vibe.react-admin-components.components';
我相信这是一个快乐的案例，这里没有魔法。当我使用React 17和babel 7时，也许babel就是问题所在。
任何想法都会受到高度赞赏。
浏览 3提问于2021-01-14得票数 1
回答已采纳
我正在寻找一种方式来显示FlashMessage时，用户添加错误的输入。这段代码不能正常工作。谢谢。
$t3type = \TYPO3\CMS\Core\Messaging\FlashMessage::NOTICE;
$header = "Notice";
$mes = \TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance(\TYPO3\CMS\Core\Messaging\FlashMessage::class,
$message,
$header,
浏览 0提问于2017-11-28得票数 0
我正在构建一个Express-React-Node应用程序，我希望将其部署到Google app Engine上。 当我遵循几个教程时，我遇到了这两个应用程序的架构： https://github.com/BalasubramaniM/react-nodejs-passport-app/tree/master/src 和 https://hackernoon.com/m-e-r-n-stack-application-using-passport-for-authentication-920b1140a134 我想了解它们之间的区别。 第一个是只有一个带有Webpackand和Babel的应
浏览 22提问于2019-09-14得票数 0
回答已采纳
1回答
理解响应本机的代码推送
、、、
我开始为iOS和安卓构建一个react本机应用程序。我已经阅读了react本机应用程序的文档，但是有一件事我现在不明白：
是完全本地应用程序？？？
他们说，在反应-土生土长，这将是。那我为什么要问这个问题？嗯，我找到了通过问这个问题的理由。根据代码推送，它们能够动态更新应用程序。这是通过更新应用程序的javascript部分来完成的。但是等等，如果应用程序是真正的本地应用程序，那么在应用程序的最终版本中不应该有任何javascript，对吗？他们是怎么做到的？他们是在代码推送服务器上编译应用程序，然后将编译后的应用程序发送给用户呢？这确实让我担心，react原生应用程序真的不是完全的本地应用程
浏览 1提问于2017-01-19得票数 3
回答已采纳
1回答
我有这样的情况:我有一个不属于SPA的Laravel应用程序。但是我在我的应用程序的许多组件中使用Vue，使用单文件组件和所有这些。
但是，出于性能原因，我只想在某些页面中加载一些组件。但是，当我在第二个.js文件中注册组件时，总是会收到如下错误：
属性或方法“地址”不在实例上定义，而是在呈现过程中引用。确保在data选项中声明反应性数据属性。(发现于)
我的结构是这样的：
app.js
window.Vue = require('vue');
import ModalMessage from './../components/ModalMessage.vue&
浏览 2提问于2017-03-06得票数 1
1回答
我正在制作一个非常简单的nextjs应用程序，在该应用程序中，我试图从api获取数据。
我的要求是我应该在layout.js文件中显示数据，而这个layout.js文件是index.js文件中的子文件。
index.js
import Layout from "./layout";
import React from "react";
class Home extends React.Component {
render() {
return (
<div>
<Layout />
浏览 1提问于2020-01-08得票数 3
回答已采纳
2回答
我已经创建了一个简单的React组件，它显示了另一个react组件。但它不能在浏览器中呈现：
class Home extends React.Component {
render() {
return (
<div>
<map/>
</div>
);
}
}
var map = React.createClass({
render: function() {
return (
<div id="map-canvas">
浏览 1提问于2015-04-24得票数 28
回答已采纳
2回答
我正在开发一个web应用程序，除了看不到/tasks部分之外，我的应用程序大部分时间都能正常工作。我不明白，因为它和我的其他元素是一样的。 import React, {
Component,
Fragment
} from 'react';
import {
BrowserRouter as Router,
Route,
Link
} from 'react-router-dom';
import AppProvider, {
Consumer
} from './AppProvider';
import Login
浏览 15提问于2019-02-12得票数 1
回答已采纳
在我的app.js中初始化了惯性进度条
app.js
import React from "react";
import { render } from "react-dom";
import { createInertiaApp } from "@inertiajs/inertia-react";
import { InertiaProgress } from "@inertiajs/progress";
createInertiaApp({
resolve: (name) => require(`./Pages/$
浏览 8提问于2021-11-21得票数 0
回答已采纳
3回答
我想问一个关于来自React UI库antd的Swtich组件的问题。
<Switch checked={true} />
当我设置选中属性时，我不能再更改它！我看过上的应用程序接口，但我不明白为什么它不能工作。
也请看一下
浏览 1提问于2020-09-30得票数 2
我尝试在自己的react本机应用程序中使用此示例代码作为警报对话框，但它在dialog上给出了一个错误(我在其中放置了*)
TS2322:类型'{子类: Element[]；可见:布尔值；onDismiss：() => void；}‘不能分配到键入'IntrinsicAttributes & DialogProps’。“IntrinsicAttributes&DialogProps”类型上不存在“子”属性。
当我运行这个应用程序，然后按下“打开警报”对话框按钮，就会看到应用程序中的错误:呈现错误: usePortalContext必须在usePorta
浏览 7提问于2022-06-30得票数 0
回答已采纳
我有一个React应用程序(使用create-react- app制作)，它包含以下组件：
import React from 'react';
const Sample = () => {
return (<h1>Some sample text.</h1>);
}
export default Sample;
但是，当我运行npm run start时，我收到以下错误：
Users/blah/blah/blah/blah/node_modules/babel-
core/lib/transformation/file/index.js:
浏览 18提问于2018-03-01得票数 0
我是编程新手，在学习了一些JS之后，我决定做一些React。坦率地说，在我学习OOP的过程中，我不能正确地理解对象的概念，因此我决定继续学习，希望以后我能弄清楚这个概念。后来，我在React中遇到了HOC的概念，它基本上帮助我们在React应用程序中重用某个逻辑，也就是说，如果我们有一个在多个地方使用的悬停逻辑，就是当我们创建HOC并在使用该悬停逻辑的地方重用它时。我唯一也是主要的问题是，面向对象编程中的对象是以同样的方式工作的，也就是说，每当我们在几个地方使用某个逻辑时，我们需要创建一个对象，然后该对象被重用。我可以认为OOP中的对象类似于React中的HOC吗？
浏览 0提问于2019-11-10得票数 0
我正在使用 Reactjs 在 拉威尔 .Here我在React组件中做了一些更改，当我刷新浏览器时，更改不会显示。 文件： 资源/视图/欢迎.blade.php arjunphp.com |带有React JS的Laravel 5.6 resources/resource/js/app.js / * * * 首先，我们将加载此项目的所有JavaScript依赖项， * 包括React和其他帮助器。这是一个很好的起点 * 使用React + Laravel构建健壮、强大的web应用程序。 * / require('./bootstrap')；/ * * * 接下来，我们将
浏览 100提问于2018-11-22得票数 5
我有一个扩展React.Component类的类，并且我正在为它传递我自己的接口，用于我期望接收的道具。问题是，当我使用SomeComponent.propTypes = {...时，webstorm linter会说有些地方不对劲，说Property 'propTypes' does not exist on type 'typeof SomeComponent'。
我不知道为什么会这样...
SomeComponent的代码是
class SomeComponent extends React.Component<IProps, {}> {...
浏览 18提问于2019-07-22得票数 0
2回答
我尝试访问我的组件中的一些引用。但是我在控制台中有这个错误。withRouter.js:44 Warning: Stateless function components cannot be given refs (See ref "pseudo" in FormInputText created by RegisterForm). Attempts to access this ref will fail.
下面是我的组件：
class RegisterForm extends React.Component {
render() {
return (
浏览 0提问于2016-07-28得票数 8
回答已采纳
我正在尝试使用className向React-datetime组件添加border-radius: 5px，但没有成功。
例如：
import ReactDateTime from ‘react-datetime’;
<ReactDateTime className=‘datetime’ />
.datetime{
border-radius: 5px;
}
我知道react-datetime模块提供了独立的css样式。但我担心的是，当我使用className时，它为什么不能接受。
浏览 13提问于2018-01-03得票数 3
3回答
我在使用.jsx加载webpack文件时遇到了问题。我有这个webpack.config.js
var webpack = require('webpack');
module.exports = {
entry: "./static/js/storage/src/index.js",
output: {
path: './static/js/storage/public/',
publicPath: "public/",
filename: "bundle
浏览 10提问于2016-07-17得票数 11
3回答
嗨，我是CRA的新开发人员。我有一个项目，我用应用程序创建了它。当我使用run npm run build时，它不能设置只有一个按钮进行测试的主页。我添加了react-router-dom和主页：“./” in my package.json。在本地主机中，我可以正确地使用和查看所有内容，但是当尝试使用npm run build时，我什么也找不到，生成时显示为空页。我该怎么办？你对我有什么建议吗？我什么都不知道是否一切正常。
App.Tsx：
import React from 'react';
import { Route, Switch,BrowserRouter
浏览 2提问于2020-09-29得票数 0
回答已采纳
1回答
为什么我们不能在react类组件中使用钩子？React官方只说钩子在类内不起作用，但没有说明为什么它不能工作。
浏览 4提问于2022-01-26得票数 0
回答已采纳
我在我的代码中使用了错误边界，当我在渲染主要布局组件的文件中使用它时，它是有效的，例如： <ErrorBoundary>
<header></header>
</ErrorBoundary>
<ErrorBoundary>
<main/> //this component has an error
</ErrorBoundary>
<ErrorBoundary>
<footer></footer>
</ErrorBoundary> 上面的代码可以正常工作，并针对
浏览 38提问于2021-07-03得票数 1
回答已采纳
1回答
上下文是一个很好的解决方案(下面是一个简短的问题)。
我有一个数据库(API)，它生成AppA、AppB、AppC等应用程序的数据列表，以及它们的名称、路径.
使用地图，我生成(反应路由器)链接到这些应用程序基于这个数据列表(在主<App/>)和前面。使用另一张相同的地图(如下所示)，我制作了路由器，它应该根据路由和应用程序名称调用应用程序：
function(Router) {
const [routes, setRoutes] = useState([]);
useEffect(() => {
fetch("MyAPI"
浏览 3提问于2020-10-11得票数 0
回答已采纳
6回答
我已经创建了一个高阶组件，它应该为我的组件添加一些额外的功能。然而，当我在这个组件中使用react时，我会得到下面的eslint警告。
React "React.useEffect“不能在回调中调用。必须在React函数组件或自定义React函数中调用。(反应钩/钩规则)
我为什么要收到这个警告？在HoC中使用钩子被认为是不好的做法吗？
最起码的例子：
const Hello = props => <p>Greetings {props.name}</p>;
const Wrapper = Component => props =>
浏览 7提问于2019-05-24得票数 20
回答已采纳
我创建了这个，每次我尝试包含它以查看它是否有效时，我都会得到以下错误：
Unexpected token <
You may need an appropriate loader to handle this file type.
我使用过，并将其包含在main.js中，如下所示
var ReactDOM = require('react-dom');
var ColorPicker = require('color-picker-react');
ReactDOM.render(<ColorPicker />, document.getEle
浏览 4提问于2016-02-04得票数 3
回答已采纳
我有一个使用react-router的组件屏幕，并且我经常使用参数location.key来标识我的路径和其他东西(location.pathname不能解决我的问题)。
但我意识到:当我第一次加载我的应用程序时，react-router没有location.key，为什么？是否有一些配置允许我更改此行为？
我正在使用"react-router-dom": "^5.0.0"并添加以下内容：
import { withRouter } from 'react-router-dom';
...
// to access
this.prop
浏览 43提问于2019-10-30得票数 2
我刚开始研究沃尔玛的react/redux/react路由器/同构样板电极，我很难添加多条路线。当我添加第二条路线时，它似乎什么也不做，链接和推送到其他路线不会改变页面。
下面是样板板中的单一路线
// routes.jsx
import React from "react";
import {Route} from "react-router";
import Home from "./components/home";
export const routes = (
<Route path="/" compon
浏览 3提问于2016-11-30得票数 0
回答已采纳
请告诉我why my header render every time already use React.memo ?，当我从my apps到user header的导航时，我有两部分my app and user，为什么？
这是我的密码
import React, { useEffect, useState } from "react";
import { withRouter } from "react-router-dom";
const Header = React.memo(function() {
console.log("Head
浏览 2提问于2020-04-22得票数 3
回答已采纳
1回答
我想在我的React应用程序中使用默认的引导组件，所以我使用的是React-package。但我在一开始就坚持住了:我不能使用任何，尽管我只是从官方文档中复制非常简单的示例。每次我使用引导带样式的组件时，我都会得到基本的组件没有样式.例如，下面的代码呈现一个没有样式的<button>，而不是<Button bsStyle="danger">。
import React from "react";
import ReactDOM from "react-dom";
import {Provider} from 're
浏览 0提问于2016-11-24得票数 2
回答已采纳
1回答
这是一个简单的问题。但我从laravel文档中尝试过。我运行了php artisan preset react，然后运行了npm install && npm run dev，现在我只想编写一个简单的react脚本
const title = React.createElement(
'h1',
{id:'title',className:'header'},
'Hello World'
)
ReactDOM.render(
title
浏览 0提问于2019-06-25得票数 2
到目前为止，我一直致力于基于Java的web应用程序，最近开始研究ReactJS应用程序。下面的问题在我的脑海中萦绕着，我感谢你帮助我解决以下问题：
我知道Babel将把ECMAScript2015+代码和JSX代码转换为ECMAScript2015，以便浏览器能够理解它。那么，当我们使用"npm“编译React项目时，这种翻译会发生吗？如果在编译过程中发生了这种情况，那么Babel是否会一次转换整个项目中的整个代码，还是会转换客户机请求的文件？
在创建和开发了React代码之后，我们将使用Node软件安装所有必需的依赖库，这些库都是在我们的React代码中使用的，我们还使用了
浏览 1提问于2019-12-02得票数 3
我对reactjs .I不熟悉的每个人都不想使用react创建应用程序。所以，我已经创建了两个文件，但是当我执行它时，它不会做任何事情。我得到的是空白页。为什么？index.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script c
浏览 3提问于2017-10-11得票数 0
首先，我想再重复一遍，我问的是它在react-native中的用法，而不是ReactJS。我只是感到困惑，在react-native中使用<>代替<View>或<SafeAreaView>作为root Component有什么特别的好处吗？
我有一个比100 components tree更大的应用程序，现在root是这样的吗？
const App = () => (
<SafeAreaView style={styles.container}>
<StatusBar barStyle="dark-content&
浏览 0提问于2020-07-27得票数 0
1回答
在我们的角形6应用程序中，我们使用预先构建的React应用程序来渲染一些内部组件。React应用程序的编译版本作为节点模块安装。
当我使用ng serve在dev模式下运行代码时，一切都如期而至。
然而，当我在--prod中构建应用程序时，React组件的行为开始有点不同。出现了一些奇怪的渲染问题。
我在实验角cli设置，并意识到如果我禁用optimization (“优化”：false)，问题就消失了。但束的大小变大了2倍。
这些是我试过的设置。以及相应的结果：
optimization: false, buildOptimizer: true, vendorChunk: false - 3
浏览 1提问于2018-10-19得票数 7
回答已采纳
我在Laravel 5.5中使用React时遇到了一些问题。每次我添加或更改组件时，我都必须运行npm run dev来编译它。当我这样做时，css/app.css的内容会被重置，所以我不能把样式写到这个文件中。
如果我将样式放在另一个CSS文件中，样式将保持不变，但我希望将我的主要样式写在css/app.css中。
我该怎么做呢？
浏览 0提问于2017-10-14得票数 0
1回答
我有我的" app - component“和一个"B-component”，它们在我的app组件中呈现。每一种都有自己的风格。
但是当它被编译时，我的ComponentB.css被放在我的app.css之前，使得ComponentB样式被我的应用程序样式覆盖。
为什么会发生这种情况？
应用程序
import React, { Component } from 'react';
import ComponentB from './components/ComponentB';
import './styles/app.css'
浏览 3提问于2018-11-11得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
