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

Question

在我发布这个问题之前，我已经尝试了下面提供的所有解决方案： 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。在谷歌上搜索解决方案后，发现很多人（不仅是我）都遇到了同样的问题。

Answer 1

您只需要流程三个步骤：

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

Answer 2

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

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