npm 正在创建优化的生产版本...未能编译,./src/index.scss分析器错误:语法错误位于行:1,第38列

4ioopgfo  于 2022-11-14  发布在  其他
关注(0)|答案(1)|浏览(101)

我已经搜索了几个小时,似乎有很多人都有这个问题,然后没有人真正给出一个好的答案。
和/或他们的答案对我不起作用(例如,https://github.com/twbs/bootstrap/issues/35018建议删除网格,我照做了,仍然没有运气)。
我看到其他人在谈论这是Post Css的一个问题,你必须从你的文件中删除特定的语法(我的文件中没有一个)--例如,ParserError: Syntax Error at line: 1, column 23
不幸的是,我不知道下一步该怎么办。
我刚刚完成了一个React应用程序的数月构建,然后我开始部署,现在我一直在尝试运行npm run build,大约3个小时〈/3
有人知道如何解决这个问题吗?

**如果我从index.scss文件中删除@import "~bootstrap/scss/bootstrap";,它允许我进行构建,但会破坏我所有的模板化。

因此,理想情况下,寻找一个解决方案,不需要将我所有的Sass代码转换为标准的CSS.
感谢您的帮助!

$ npm run build

> seo-workflows@0.1.0 build
> react-scripts build

Creating an optimized production build...
Failed to compile.

./src/index.scss
ParserError: Syntax Error at line: 1, column 38

更新以包括SASS/引导版本

"sass": "^1.54.7"
"react-bootstrap": "^2.5.0"
"bootstrap": "^5.2.0"
下面是我的完整package.json文件:

{
  "name": "seo-workflows",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@emotion/react": "^11.10.0",
    "@emotion/styled": "^11.10.0",
    "@fortawesome/react-fontawesome": "^0.2.0",
    "@mui/icons-material": "^5.10.2",
    "@mui/material": "^5.10.2",
    "@mui/x-data-grid": "^5.16.0",
    "@pathofdev/react-tag-input": "^1.0.7",
    "@testing-library/jest-dom": "^5.14.1",
    "@testing-library/react": "^11.2.7",
    "@testing-library/user-event": "^12.8.3",
    "axios": "^0.27.2",
    "bootstrap": "^5.2.0",
    "downshift": "^6.1.9",
    "firebase": "^9.9.2",
    "react": "^17.0.2",
    "react-bootstrap": "^2.5.0",
    "react-dom": "^17.0.2",
    "react-fontawesome": "^1.7.1",
    "react-helmet": "^6.1.0",
    "react-icons": "^4.4.0",
    "react-router-dom": "^5.2.0",
    "react-scripts": "4.0.3",
    "sass": "^1.54.7",
    "web-vitals": "^1.1.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}
83qze16e

83qze16e1#

也有同样的问题。我有一个坏的路径

@import "~bootstrap/dist/css/bootstrap.min.css";

并且错误消息没有说明路径是错误的。
为了解决这个问题,我开始注解掉所有的@import文件。运行npm运行build,成功!然后一个一个地取消注解文件,直到我找到了错误所在的文件。对我来说,路径就是错误。也许你的路径是由不同的错误引起的。

相关问题