对我有用的是我卸载了全局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