create-react-app 上的 node-sass 问题

Posted 2023-03-07

【中文标题】create-react-app 上的 node-sass 问题

【英文标题】：Problem with node-sass on create-react-app

【发布时间】：2020-09-20 08:44:49

【问题描述】：

在我发布这个问题之前，我已经尝试了下面提供的所有解决方案： ERROR in Cannot find module 'node-sass'

我使用 create-react-app 在 Windows 10 上创建 project1。

我的节点版本： 节点-v -> v12.16.3

安装 node-sass ： npm install node-sass@latest

App.js：

import React from 'react';

import "assets/scss/style.scss";


function App() 
  return (
     <div>Hi World</div>
  );


export default App;

npm 开始

浏览器错误： ./src/App.js 未找到模块：无法解析“F:\project1\src”中的“assets/scss/style.scss”

我只是想知道为什么没有一种更简单和保证工作的方式来安装和运行这个 node-sass。在谷歌上搜索解决方案后，发现很多人（不仅是我）都遇到了同样的问题。

【问题讨论】：

***.com/questions/64625050/…的可能重复

【参考方案1】：

您只需要流程三个步骤：

npm install node-sass 更改文件扩展名（.css 为 .scss） 将任何导入更改为 .scss 为 style.scss 文件提供正确的路径（我可以知道你的 style.scss 路径吗？）

【讨论】：

这就是我上面提到的 style.scss（而不是 style.css）的原因。

我可以知道你的 style.scss 路径吗？我认为，您没有为 style.scss 文件提供正确的路径。

F:\Project1\src\assets\scss\style.scss

【参考方案2】：

https://github.com/sass/node-sass

你可以根据你的node版本安装node-sass@4.12。

【讨论】：

根据 OP 问题，他/她已经安装了 node-sass，因此这不太可能解决问题。如果您认为该问题可能与软件包版本有关，并且您想仔细检查，也许评论会是一个更好的地方来询问更多信息。 ;)