Question

几天以来，我遇到了一个问题，即CRA不再注入SCSS更改。

如果我手动刷新页面，则会在其中更改SCSS代码并将其应用于我的页面。如果我更改了JavaScript，则会检测到更改并重新加载应用。

我使用的是React脚本的3.0版本，现在我升级到了最新的3.2.0。尽管如此，仍未注入SCSS。

如果有用，这是我的package.json文件中的软件包：

  "dependencies": {
    "@aspnet/signalr": "^1.1.4",
    "@reach/router": "^1.2.1",
    "axios": "^0.18.0",
    "bcryptjs": "^2.4.3",
    "css-vars-ponyfill": "^2.1.1",
    "dayjs": "^1.8.14",
    "dompurify": "^1.0.10",
    "draft-js": "^0.10.5",
    "draftjs-to-html": "^0.8.4",
    "google-maps-react": "^2.0.2",
    "html-to-draftjs": "^1.4.0",
    "i18next": "^15.1.0",
    "i18next-browser-languagedetector": "^3.0.1",
    "i18next-xhr-backend": "^2.0.1",
    "interweave": "^11.1.0",
    "node-sass": "^4.13.0",
    "prop-types": "^15.7.2",
    "pubnub": "^4.25.2",
    "react": "^16.8.6",
    "react-anchor-link-smooth-scroll": "^1.0.12",
    "react-app-polyfill": "^1.0.1",
    "react-dom": "^16.8.6",
    "react-draft-wysiwyg": "^1.13.2",
    "react-dropzone": "^10.1.5",
    "react-ga": "^2.5.7",
    "react-google-maps": "^9.4.5",
    "react-i18next": "^10.9.0",
    "react-image-crop": "^8.2.0",
    "react-modal": "^3.8.1",
    "react-redux": "^7.0.3",
    "react-scripts": "3.2.0",
    "react-scroll-up": "^1.3.3",
    "react-tooltip": "^3.10.0",
    "react-twitter-embed": "^2.0.8",
    "redux": "^4.0.1",
    "redux-thunk": "^2.3.0",
    "uniqid": "^5.0.3"
  },
}

有人知道是什么原因造成的，或者我想尝试解决该问题的方式吗？

edit：我已经注意到，当我保存一个scss文件时，会将hot-update.js文件添加到DOM中。该文件包含我的css更改，但没有生效。

Answer 1

因此，问题似乎与以下事实有关：我在加载包含favicon URL的服务器上进行读取之前，正好在加载应用程序之前在文档的开头注入了一些代码（用于favicon）。卸下此固定的HMR。谢谢您的帮助

创建React App不再注入CSS（SCSS）

1 个答案: