要导入Sass文件,首先需要安装node-sass

运行create-react-app,我在create-react-app应用程序中收到错误:

  

要导入Sass文件,首先需要安装node-sass。在工作区中运行npm install node-sassyarn add node-sass

我确实安装了node-sass。

package.json:

  "devDependencies": {
    "node-sass": "^4.13.0"
  }

项目node_modules文件夹:

要导入Sass文件,首先需要安装node-sass

我已经卸载,重新安装,更新,清理了缓存等。如何解决?

kaka29999 回答:要导入Sass文件,首先需要安装node-sass

对我有用的是我卸载了全局node-sass 并将其安装在我当前的项目目录中

class Session(models.Model):
    name=models.CharField(max_length=100)
    start_date=models.DateField()
    end_date=models.DateField()
    speaker=models.CharField(max_length=100)
    slug = models.SlugField(unique=True,editable=False,max_length=100)

class Event(models.Model):
    name = models.CharField(max_length=100)
    start_date = models.DateField()
    end_date = models.DateField()
    session=models.ForeignKey(Session,on_delete=models.CASCADE)
    slug = models.SlugField(unique=True,max_length=100)

确保在安装后停止npm start ,如果可能,请在安装完成后重新启动系统

,

我遇到了同样的问题,并设置了SASS_PATH环境变量为我解决了该问题。

例如,如果您使用docker-compose.yml,则添加:

environment:
  - SASS_PATH=node_modules:src

也许其他人可以解释为什么这样做。

,

在我的情况下,是我的错误

./src/modules/TestListing/components/SurveyCard/index.scss 

/usr/local/lib/node_modules/react-scripts/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!

/usr/local/lib/node_modules/react-scripts/node_modules/postcss-loader/src??postcss!

/usr/local/lib/node_modules/react-scripts/node_modules/resolve-url-loader??ref--6-oneOf-5-3!

/usr/local/lib/node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ref--6-oneOf-5-4!

./src/modules/TestListing/components/SurveyCard/index.scss)


To import Sass files,you first need to install node-sass.
Run `npm install node-sass` or `yarn add node-sass` inside your workspace.

即使我全局安装了node-sass,也还是发生了错误。

我发现react-scripts在其环境中无法识别node-sass,因此我在全局安装的react-scripts软件包中添加了node-sass依赖

cd /usr/local/bin/node_modules/react-scripts
sudo npm install --unsafe-perm node-sass

在上面的命令中,我实际上是将node-sass安装到作为库的react-script包中,它可以解决我的情况,

请注意命令,因为我是--unsafe-perm的使用者,请先阅读它


,

实际上,对我有用的是创建一个新文件夹,从那里创建一个react应用程序,并将所有代码传输到该新文件夹中。不知道为什么问题首先出现。

,

通常,您应该安装node-sass

npm install node-sass --save
# or
yarn add node-sass

如何导入

@import 'styles/_colors.scss'; // assuming a styles directory under src/
@import '~nprogress/nprogress'; // importing a css file from the nprogress node module

Sass路径变量

要使用相对于您指定的路径的导入,并且从node_modules开始而不添加~前缀,可以在项目根目录中添加.env file,并使用变量SASS_PATH=node_modules:src。要指定更多目录,可以将其添加到SASS_PATH中,并用:分隔,例如path1:path2:path3

,

就我而言,即使node-sass已经安装在我的项目目录中,我也遇到了同样的问题。

要导入Sass文件,首先需要安装node-sass。运行npm
在工作区中安装node-sass或yarn添加node-sass。

我发现,我的项目运行在全局安装的react脚本上,并且本地项目目录中还有另一个版本。获取“ node-sass”的基本路径时发生冲突。

我卸载了本地react-scripts,然后再次将其安装在本地项目目录中。运行

npm uninstall react-scripts然后
npm install react-scripts

那解决了我的问题!

,

node-sass 已被弃用。请安装 sass 或 dart sass 来解决您的问题。

本文链接:https://www.f2er.com/3136823.html

大家都在问