如何在React中将sass文件导入单个组件
在React中将Sass文件导入单个组件的方法如下：
- 首先，确保你的项目中已经安装了node-sass或者sass等相关的依赖包。你可以使用npm或者yarn来安装这些依赖，例如：
- 首先，确保你的项目中已经安装了node-sass或者sass等相关的依赖包。你可以使用npm或者yarn来安装这些依赖，例如：
- 在你的React组件所在的目录下，创建一个
.scss文件，比如styles.scss。 - 在
styles.scss文件中，编写你的Sass样式，例如： - 在
styles.scss文件中，编写你的Sass样式，例如： - 在你的React组件文件中，导入该
.scss文件，并将样式应用到组件。在组件文件的开头，使用import语句导入该样式文件，例如： - 在你的React组件文件中，导入该
.scss文件，并将样式应用到组件。在组件文件的开头，使用import语句导入该样式文件，例如： - 确保你的项目的构建工具（如Webpack、Parcel）已经配置了对Sass文件的处理。一般来说，这些构建工具会自动识别
.scss文件，并将其编译成CSS文件。 - 如果你的构建工具没有进行自动配置，你需要手动配置，例如在Webpack中，你可以使用
sass-loader来处理Sass文件。
至此，你已经成功地在React中将Sass文件导入单个组件并应用样式了。
React中使用Sass的优势在于可以使用Sass提供的强大的样式编程能力，如嵌套规则、变量、混合等，使得样式的编写更加简洁、可维护性更高。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和云产品CDN加速。腾讯云云服务器提供了丰富的云计算资源，可用于搭建和部署React应用程序。腾讯云CDN加速可以加速前端资源的传输，提升网页加载速度，提供更好的用户体验。
更多关于腾讯云云服务器（CVM）的信息，请访问：腾讯云云服务器产品介绍
更多关于腾讯云CDN加速的信息，请访问：腾讯云CDN加速产品介绍
相关·内容
问题: react的相对初学者，喜欢使用create-react-app而不弹出或配置webpack，并希望实现SASS，最好使用7-1文件夹结构。我想要的是组件的独立样式表，但也有布局等全局样式表等。最重要的是，我想要有SASS变量和混合，我可以在我的所有组件中使用。
我尝试过的: 1) Node-sass-chokidar (在package.json中添加一些脚本，以便在运行npm start时自动运行css-watch，按照github.facebookincubator/create-react-app上的说明。)
Node-sass-chokidar在src目录中查找任何scss文
浏览 3提问于2017-10-03得票数 2
我试图找到我的方式来建立一个有效的网络开发工作流程，即使我是新的反应和捆绑(和这两者的组合)。我的目标是让每个React组件使用自己的SCSS文件，其他组件的样式表无法访问该文件。但是需要一些全局文件，比如variables.scss，这正是问题所在。
现在我的文件结构(来自src文件夹)是这样看的：
├── assets
├── components
│ ├── App
│ │ ├── index.js
│ │ └── index.scss
│ ├── Taskbar
│ │ ├── index.js
│ │ └── index.scss
│ └─
浏览 0提问于2019-09-07得票数 14
3回答
我正在学习React，我已经用CRA创建了一些应用程序。我还没有找到在我的react项目中包含sass的简单的好方法，所以我想出了这个：
install node-sass on the src folder
将此代码添加到package.json
"node:sass": "node-sass src/index.scss src/index.css -w"
然后，在每个组件上，我会添加一个sass部分文件，这样我就可以将样式和js文件保存在同一个文件夹中。
这样做有什么问题吗？
我读过一些教程来配置webpack使用sass，但它听起来很复杂。
浏览 0提问于2018-03-18得票数 0
每次我尝试使用来自'react-bootstrap‘的组件时，我都会遇到一些奇怪的错误。下面是我导入"HelpBlock“组件的一些小示例。 import PropTypes from 'prop-types';
import React from 'react';
import HelpBlock from 'react-bootstrap';
class RegisterFormDetails extends React.Component {
...
<HelpBlock>{va
浏览 36提问于2019-03-03得票数 0
2回答
一切正常，然后突然在终端上出现了一堆错误，告诉我需要安装node-sass模块。这就是我修复所有这些错误的方法，但现在我得到了这个错误： SassError: Undefined variable: "$text-weight". 我不明白为什么react会检测我的sass文件，我只是导入了编译过的普通css，而且sass也编译成功了，没有任何错误。使用@import语法在顶部导入_variables.scss。 index.scss文件： @import './variables';
body {
margin: 0;
}
:root {
fon
浏览 28提问于2020-07-22得票数 2
在花了几年时间被锁在一个古老的技术栈中进行一个项目之后，我终于有机会探索更多当前的框架，并深入研究React和Webpack。到目前为止，这在很大程度上是一次令人耳目一新的愉快体验，但我和Webpack遇到了一些困难，我希望蜂巢思维能帮助我解决问题。
我一直在仔细研究Webpack 2.0的文档，搜索得非常详尽，而且很短(我只找到了问题，这个问题很接近，但我不确定它是否适用)。由于缺乏信息，我认为我在考虑两种情况之一：
我想做的是疯了。
我想做的是基本的，这应该是一个不需要思考的问题。
...and，我来了
我正在寻找的简短版本是一种基于环境变量将某些JSX组件排除在Webpa
浏览 4提问于2017-03-14得票数 0
回答已采纳
3回答
我想在react JS中设置组件的样式。我尝试了几种方法来做到这一点。当我尝试创建一个CSS对象并将其应用于同一JS文件中的组件时，它就可以工作了。但是当我尝试从外部CSS文件中应用CSS并将其导入到JS文件中时，它不起作用。我还尝试将该文件另存为filename.module.css。但这对我没什么帮助。 已安装的节点模块及其版本列表如下所示。 > @material-ui/core@4.9.11
> @material-ui/icons@4.9.1
> firebase@7.14.1
> react@16.13.1
> react-dom@16.13.1
&
浏览 31提问于2020-04-25得票数 0
回答已采纳
我有一个react应用程序，它使用react-bootstrap + bootstrap-sass。
我在我的主app.scss中加载bootstrap.scss文件，如下所示：
@import '~bootstrap-sass/assets/stylesheets/_bootstrap';
在我的页面中，我实现了一个来自React-Bootstrap的简单组件。
但是模式窗口没有任何CSS，所以看起来真的很糟糕。
我试着直接加载modal.scss
@import '~bootstrap-sass/assets/stylesheets/bootstrap/_modal
浏览 8提问于2017-09-01得票数 0
1回答
我有一个，我正在尝试编写一些测试。我已经把它分解成最简单的测试了。
jest.dontMock('../Overlay.react.js');
import React from 'react';
import ReactDOM from 'react-dom';
var Overlay = require('../Overlay.react.js'); // this is the culprit!
describe('Overlay', () => {
it('should work
浏览 2提问于2015-12-01得票数 23
我已经使用CRA安装了一个应用程序，并希望使用SASS (我是SASS安装中的一个新应用，熟悉语法)
目前，我有以下文件夹结构：
|── package.json
|
├── README.md
├── src
│ |
│ ├── index.css
│ ├── index.js
│ ├── logo.svg
│ ├── React
│ ├── component
│ │ ├── Example
│ │ ├── Example.component.js
│ │ ├── Example.contain
浏览 4提问于2022-06-30得票数 0
我可以覆盖所有项目的sass变量。我在文件src/sass/variables.scss中这样做。在此之前，我创建了sass文件夹和这个文件。正如我说的，它可以工作，我可以覆盖这个文件中的变量，整个项目。但我只需要覆盖组件所需的变量。我试着这样做：
<style lang="sass">
$btn-text-transform: lowercase //by default uppercase
</style>
此外，我尝试在变量之前或之后添加@import '~vuetify/src/components/VBtn/_var
浏览 2提问于2021-08-10得票数 3
我正在尝试让一个css文件在我的react项目中工作。我一直在个人项目中使用create-react-app，但这个项目是从webpack创建的，所以我必须配置加载器之类的，我的理解是有限的。更糟糕的是，我继承了这个项目，所有样式都应用于每个组件上的样式对象，因此这里有多个复杂性。但不管怎样，css文件与组件的JS文件位于完全相同的文件夹中。我尝试将css样式表作为文件导入Home组件中，如下所示：
import from './home.css'
我得到的错误是...
Module build failed: SyntaxError: Unexpected token (10
浏览 4提问于2018-02-16得票数 1
我已经使用Ionic v5 w/React创建了一个测试应用程序，我在文档中没有看到关于如何配置Sass预处理的任何细节。我在项目结构中有几个sass文件，但它们似乎没有被加载或处理。我在package.json中添加了node-sass。任何帮助都将不胜感激。我使用Ionic Cli创建了一个空白应用程序，并在项目目录中添加了一些.scss文件。
浏览 15提问于2020-02-19得票数 5
我使用create-react-app模板生成了一个使用TypeScript的React项目。我已经通过npm install sass安装了Sass，而生成的模板已经支持CSS模块。
我在styles/common.scss文件中创建了一组公共变量。我希望导入并使用组件样式表中的文件中的变量。建议的方法似乎是@use指令，但我无法开始工作。
我的项目结构中的相关文件：
components/
custom/
Custom.module.scss
Custom.tsx
styles/
common.scss
在这个场景中，components/custom/Custom
浏览 7提问于2022-09-09得票数 0
回答已采纳
我应该如何正确地使用Sass在用创建-反应-应用程序创建的react项目中？我应该把scss和js文件放在哪里？
我想如果我使用sass，我不应该在我的index.html中导入缩小的css和js文件？
浏览 0提问于2020-02-03得票数 0
回答已采纳
到目前为止，我已经和Grunt一起使用了sass，其结果是我将x .scss文件编译成style.css。
我在React中只做了一个项目，这是我第一次使用Vue.js，所以我想了解一些事情。
如果我想将css样式包含在与Vue组件相同的文件中，我只需使用
<style lang="sass">
@import '_card.scss'
// Custom CSS code here
</style>
据我所知，Vue从所有.vue文件中获取所有样式，并将其编译成style.css。但既然我不确定，我就问这个；
是否在运行时
浏览 2提问于2017-08-10得票数 3
回答已采纳
2回答
我有一个需求，我不确定是否可以使用Rollup (或使用Webpack?)
我已经编写了一个React组件库。每个组件都导入它的样式表。就像这样
import "./button.scss"
export default function Button() {
...
}
现在，这些scss文件使用了我想在全局文件中定义的所有类型的sass变量。我希望我的库的使用者能够像这样导入Button：
import { Button } from "mylib"或者更好：import Button from "mylib/button"，并且只将But
浏览 0提问于2019-07-30得票数 3
我试图在我的create-react-app反应项目中开始使用scss而不是css。
我在用这个
现在我的package.json看起来像这样
"build-css": "node-sass-chokidar src/ -o src/",
"watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",
"start-js": "react-scripts
浏览 0提问于2018-08-12得票数 1
我目前在我的项目中有一个目录myproject/，我有以下内容 /src
/public
package.json 等。你会在react应用程序中看到一些普通的东西。我将其推送到服务器上，然后运行npm aws lightsail nodejs。完成所有这些操作后，我将运行npm run build 我得到以下输出： > react-scripts build
Creating an optimized production build...
Failed to compile.
./src/index.js
Cannot find module: 'layouts/Ad
浏览 25提问于2020-01-09得票数 0
1回答
我用create-react-app创建了一个全新的React应用程序，现在我想向它添加SASS。
我遵循了的指令。基本上我跑
npm install node-sass --save-dev
然后将这两行添加到我的package.json文件中：
"scripts": {
"build-css": "node-sass src/ -o src/", # Line 1
"watch-css": "npm run build-css && node-sass src/ -o src/ --wa
浏览 1提问于2017-03-14得票数 2
回答已采纳
我正在使用react-static，我也想使用sass。 这是我的package.json "dependencies": {
"@reach/router": "^1.2.1",
"axios": "^0.19.0",
"bulma": "^0.8.0",
"bulma-start": "^0.0.3",
"node-sass": "^4.13.0",
"r
浏览 20提问于2019-12-26得票数 0
回答已采纳
我使用的是webcomponents，但没有sass支持。
有一个文件direflow-webpack.js，我可以重写普通的webpack并添加规则。
问题：
在组件文件中，找不到scss模块。import styles from '../../sass/main.scss';。应用程序使用的是typescript，并且build和run进程没有出现错误。
{
test: /\.css$/,
use: [
require.resolve('style-loader'),
浏览 7提问于2020-04-05得票数 3
1回答
创建私有反应库
、、
我有一些为React (ES6)应用程序制作的组件，现在我想与其他应用程序共享这些组件。
我应该如何设置一个存储库呢？
webpack.config.js应该是什么样的呢？
如何包括SASS？
如何在我的dist构建中不包括node_module文件？或者只需将es6转换为es5 ( SCSS的输入会发生什么情况)？
浏览 5提问于2017-03-02得票数 0
2回答
我试图在一个js页面上应用SASS文件，但是导入会在整个网站上进行。
这是我的partner.sass文件：
html,
body,
.media article,img p
animation-name: fade-in
animation-fill-mode: both
animation-duration: 1.5s
@for $i from 1 to 60
.media article:nth-child(#{$i})
animation-delay: $i * 0.1s
@keyframes fade-in
0%
op
浏览 0提问于2021-03-22得票数 1
回答已采纳
以前，我是这样在style.less中导入引导程序的(不使用js框架)：
@import "bootstrap/less/bootstrap.less";
@import "variables.less";
@import "mixins.less";
@import "main.less";
...
现在，我使用create-react-app，对每个组件使用单独的文件夹，每个组件都是单独的was文件(我被告知这是最好的方法之一)。
├── components
│ ├── About
│ │ ├── index.j
浏览 3提问于2017-10-02得票数 5
1回答
导入.tsx文件时出现以下错误。
“元素类型无效:期望字符串(用于内置组件)或类/函数(用于复合组件)，但获得:未定义。您可能忘记从定义在其中的文件导出组件，或者您可能混淆了默认导入和命名导入。”
如果我将.tsx改为.js，一切都很好。
我正在使用以下版本：
打字本: 4.7.2
太棒了-打字稿-装载机: 5.2.1
下面是我的tsconfig
{
"compilerOptions": {
"rootDir": "src",
"declarationDir": "dist",
浏览 5提问于2022-05-26得票数 0
我正在使用babel和webpack来处理React和ES6。我想在不同的文件中构建几个组件，导入到一个文件中，并将它们与webpack捆绑在一起
假设我有几个这样的组件：
my-navbar.jsx
import React from 'react';
import Navbar from 'react-bootstrap/lib/Navbar';
export class MyNavbar extends React.Component {
render(){
return (
<Navbar className=
浏览 31提问于2015-11-27得票数 147
回答已采纳
2回答
我试图了解如何创建一个基本的360全景图像，在react/gatsbyjs中，用户可以无限地水平滚动图像。以下是我想要达到的结果：
在普通html/css/js中的jquery插件的帮助下，我可以很容易地实现这个结果，但是，我想不出如何正确地以“反应方式”来实现这个结果。但是，当我尝试从react导入所有需要的模块时，浏览器会抛出以下错误：
我还在学习反应，所以任何指点或建议都会很感激！
以下是我的组件代码：
import React, { Component } from 'react'
import { View, Pano } from 'react-
浏览 2提问于2019-01-01得票数 1
回答已采纳
1回答
我很确定这是我编译的Sass脚本的文件夹文件，但我已经做了几个小时了，所以我希望你能帮忙.(也许有设置IDK的设置？.
两个类似的项目-一个香草，一个反应。
1.i上的安装了节点、 npm 和节点-sass；via: npm i-save-dev节点-sass
2. --我有livesass编译器运行。香草的效果和预期的一样。在React项目上，live编译器一直在崩溃(它的工作时间足以让我测试它)，当我在终端中运行时：npm运行编译:sass终端变成一个节点，从来不编译，而且似乎也陷入了这种状态。
请帮帮我！
现在用来表示差异：
==========Filepaths==========
(
浏览 10提问于2022-04-29得票数 0
回答已采纳
大家好，我是新来的反应，我刚开始学习。
我正在尝试react native，我已经研究过它，现在我正在尝试学习它，这是我在这方面的第一天，
我刚刚创建了react本机项目，并在创建js中创建了一个js文件和写入视图，并导入到index.android.jd中，但它显示了默认视图
以下是代码
index.android.js
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View
} from 'react-native';
import Comp
浏览 7提问于2017-07-14得票数 0
1回答
进口ES6的性能
、、
在中，建议模块单独从单个分发文件中导入，而不是从较大的分发文件中导入。
import Button from 'react-bootstrap/Button';
// or less ideally
import { Button } from 'react-bootstrap';
为什么第二种方法不太理想？
浏览 3提问于2020-03-23得票数 1
回答已采纳
3回答
我刚开始使用react，并且在从另一个文件导入组件时遇到了问题。 import React from 'react';
import ReactDOM from 'react-dom';
import '../resources/styles.scss';
import WelcomeView from '../views/welcome/WelcomeView';
const Root: React.FC = () => {
return (
<div>
<WelcomeVie
浏览 19提问于2020-12-04得票数 0
我有一个文件ButtonExample.js，我正在导出一个组件(ButtonExample)和const (颜色)。我试图将它们导入到一个名为CustomCreation.js的文件中。但是，在编译时，我遇到了以下错误：
试图导入错误：“颜色”不是从'./ButtonExample‘导出的。
这是ButtonExample.js的代码
import React, { useState } from "react";
import { GithubPicker } from "react-color";
function ButtonExample()
浏览 0提问于2020-07-21得票数 1
说我笨(我不会把它当回事)，但我已经3年多没有使用过反应了，我的脑细胞肯定已经死了。
我发现了一个错误：
localhost/:1 Uncaught TypeError: Failed to resolve module specifier "react". Relative references must start with either "/", "./", or "../".
我确信这与我如何使用Chrome中的导入有关。
index.html
<head>
<meta charset="
浏览 1提问于2019-04-15得票数 7
回答已采纳
1回答
在react生态系统中是否存在只在加载组件时才导入sass文件的机制？例如，我可能有以下结构：
client/
main.scss
routes.jsx
main.html
imports/
components/
componentA/
ComponentA.jsx
ComponentA.scss
componentB/
ComponentB.jsx
ComponentB.scss
假设ComponentA仅在公共区域使用，而ComponentB仅用于管理区域。如果我将两个组件样式表都放入@import文件中，那
浏览 2提问于2016-07-18得票数 2
回答已采纳
我找不到更好的主题解决方案。我有一个带有变量的sass文件：
vars.scss：
$colors: (
dark: (
theme1: #0096dc,
theme2: #eb8200,
…
),
…
);
现在，我将theme支柱传递给所有组件，这些组件应该有一定的样式，这取决于哪个页面用户正在查看。在React中，我构建了这样的类名：
<div className={styles[`button${theme ? `-${theme}` : ``}`]}>{children}</div>
在s
浏览 10提问于2017-02-22得票数 1
我试着用不同的图像制作一个网格，这个想法是它会在对象中循环并形成网格，但是它根本不起作用。
这些对象是：
export const Projects = [
{
id: 1,
name: 'Site 1',
tech: [
'HTML',
'CSS',
'SASS',
'React'
],
description: 'Lorem',
image: './assets/cv.svg'
浏览 0提问于2019-11-07得票数 0
回答已采纳
我在我的反应项目中使用节点-sass。我已经设置了一个index.scss，它包含我的变量、混合器和所有组件的导入。index.scss被设置为编译为index.css。
现在，我在我的_variables.scss顶部导入了一个名为index.scss的文件：
// index.scss
@import "styles/variables";
@import "components/Button/Button";
在我的Button.scss中，我设置了color: $red_hero;，并在我的控制台中获得了这个错误：
Compiled src/index
浏览 4提问于2021-08-20得票数 0
回答已采纳
1回答
我试图在我的Gatsby应用程序中设置一些全局Scss，但看起来在这样做之后，我在dev工具中看到了一些奇怪的行为：
您可以看到，我的全局样式正在多次出现并被覆盖。
这是一个Gatsby应用程序，所以我使用的是sass-loader和默认的dart-sass。
下面是我如何配置我的gatsby-config.js文件，以允许我基于这篇堆栈溢出帖子使用这些全局样式：
module.exports = {
plugins: [
...
{
resolve: `gatsby-plugin-sass`,
options: {
ad
浏览 6提问于2021-04-13得票数 1
1回答
吞咽文件夹编译
、、
我是比较新的吞咽者。当我试图编译一个带有子文件夹的目录时，我遇到了一个问题。
文件夹结构：
|_sass
|__folder1
| |_file.sass
|__folder2
| |_file.sass
|__folder3
|_file.sass
我的简单任务是尝试编译
gulp.task('sass', function(){
return sass('sass/')
.pipe(gulp.dest('css');
}
上面的任务不适用于文件夹，但是如果我在下面指定了像gulp
浏览 3提问于2015-04-15得票数 0
2回答
我有一个App组件，它为我的项目执行所有路由，我在其中导入所有必要的组件。
import React from "react";
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import './App.scss';
import Login from "../../login/Login";
import Overview from "../../overview/Overview";
import SubNa
浏览 0提问于2019-03-22得票数 0
2回答
想找个小解释。
我将.scss支持添加到创建反应应用程序中，每件事情都能工作(比如docs：)。
这里有带加号的行：
"scripts": {
+ "build-css": "node-sass-chokidar src/ -o src/",
+ "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",
"start": "react-
浏览 4提问于2018-01-02得票数 1
回答已采纳
1回答
我最近开始使用vs代码。我使用的材料用户界面与反应和类型脚本。但是我无法使用alt(选项)+输入快捷方式导入material的组件。我使用的是mac，我使用的打字本版本是3.0.3。但是，我正在显式创建的react组件，那些我能够使用上述快捷方式导入的组件。下面是我正在使用的package.json：
{
"name": "portfolio",
"version": "1.0.0",
"description": "",
"main": "index.js&
浏览 0提问于2018-09-23得票数 4
回答已采纳
1回答
我该如何正确设置我的减速机？
、、、、
我试图通过redux切换我的模式，但是由于某种原因，我得到了一个错误：TypeError: Cannot read property 'isModalOpen' of undefined (指向List.js中的isOpen: state.global.isModalOpen行)，这意味着我的根还原器没有被正确定义。但我确信我已经在index.js文件中正确地定义了它。我做错了什么?我如何能够解决这个问题并正确地使用这些操作类型以使其工作？
注意：<Modal/>组件是我安装的npm包，不是我自己创建的。
这是我的List.js文件：
import React, {
浏览 0提问于2018-08-06得票数 0
回答已采纳
2回答
我的分支：
我使用构建我的应用程序，也使用TypeScript。所以没有Webpack的文件我编辑，接下来处理。下面是完整的package.json。
我的超级简单测试(在VSCode中没有错误)：
import React from 'react';
import { shallow } from 'enzyme';
import toJson from 'enzyme-to-json';
import Astronaut from './Astronaut';
describe('<Astronaut /&
浏览 0提问于2019-01-23得票数 0
回答已采纳
1回答
我正在使用静态反应模板，需要实现scss。我的git hub示例：https://github.com/PrasanthGokuldas/Test_ReactStatic.git我尝试将react-static-plugin-sass添加到package.json并包含在static.config.js文件中 plugins: ['react-static-plugin-sass'] 但是我无法访问scss文件到项目。
浏览 17提问于2019-10-06得票数 3
1回答
Sass反应中svg的造型设计
、、、、
我已经用React完成了我之前的两个项目，并且使用了Sass文件来设计组件的样式。但在这个项目中，它变得有点混乱，因为我不得不使用SVG作为我的图像。现在我被困在用Sass文件为SVG设计样式上了。
这里是，包括导航条组件，我想在这里更改logoBookmark svg的颜色。
我不想粘贴整个xml内容。所以我马上导入SVG
import logoBookmark from "../../images/logo-bookmark.svg"，
并将src={logoBookmark}设置为img标记。
为了对外部SVGs进行样式化，我在堆栈溢出上找到了这个简单的。
但是我不知道当
浏览 0提问于2020-07-15得票数 3
回答已采纳
1回答
我有一个创建-反应-应用程序，我正在添加RBC。我有基本的日历设置并使用简单的CSS (我从node_module文件夹抓取CSS文件，并移到component文件夹)。基本日历在那里，但它是真正的基本日历。
，我的问题是：，我注意到node_module中有一个SASS文件夹。我应该用这个吗？如果是的话，我该如何开始？我以前没用过SASS。
下面是代码：
//Packages
import React from "react";
import axios from "axios";
import { Calendar, momentLocalizer } fr
浏览 3提问于2021-01-21得票数 0
2回答
Sass不能在create-react-app中编译。当前的package.json结构是
{
"name": "create-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"react": "^16.3.1",
"react-dom": "^16.3.1",
"react-scripts": "1
浏览 3提问于2018-04-06得票数 3
回答已采纳
我开始了一个小的反应项目(初学者)，当我把我的'App‘组件切割成许多小组件，比如'header'，它就不能工作了。我一砍掉头，错误就开始发生了。并且说，标题css也没有加载。您可以在元素检查器中看到存在React组件，但它不希望加载与它关联的css。
// In App.js
import React from 'react';
import header_type from './header';
class App extends React.Component {
render() {
return
浏览 1提问于2022-06-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
