在构建应用程序时解析 scss 文件中的错误答案

【问题标题】：Parsing error in scss file on build the application在构建应用程序时解析 scss 文件中的错误
【发布时间】：2021-09-24 08:21:25
【问题描述】：

我有一个问题。在我为 prod 构建时使用我的 React 应用程序。

./src/styles/main.scss
ParserError: Syntax Error at line: 1, column 25

这是我的 main.scss 文件

@import 'vars/typography';
@import 'vars/fonts';
@import 'vars/colors';
@import 'vars/layout';
@import '~bootstrap/scss/bootstrap';
@import 'base.scss';
@import 'components/header';
@import 'components/navigation';
@import 'components/home';
@import 'components/section';
@import 'components/footer';

最后我如何将 main.scss 导入到我的项目中

import React from 'react';
import ReactDOM from 'react-dom';
import App from './app/App';
import './styles/main.scss';

ReactDOM.render(
  <React.StrictMode>
      <App />
  </React.StrictMode>,
  document.getElementById('root'),
);

无论我将导入的顺序如何，我总是会遇到相同的错误。我在导入前尝试了 ./ ，结果相同

【问题讨论】：

解析错误意味着您的构建过程不知道如何处理 .scss 文件格式。你加node-scss了吗？运行npm install node-sass --save添加它。
我确实有 sass，但没有专门的 node-sass。有空我会试试的，谢谢
不幸的是我得到了同样的错误
我删除了 sass 和 node-sass，然后我点击了那个链接，它可以工作 stackoverflow.com/questions/51850093/…

标签： reactjs sass

【解决方案1】：

感谢@dikuw 的回答。最后，我删除了 Sass 和 node-sass，然后按照该链接清理和重建整个项目。

ERROR in ./src/styles.scss .. Module build failed: Error: Cannot find module 'node-sass'

【讨论】：