React App 安装后编译失败

IT技术 node.js reactjs npm mern
2021-05-08 10:24:42

运行安装脚本后,服务器启动并提供一个页面,在“编译失败”行后显示相同的文本。

我正在运行 Windows 10 并且自动更新今天刚刚更新了我的电脑,就在我进行 create-react-express 安装之前。


PS H:\mern-passport> npm start

> mern@1.0.0 start H:\mern-passport
> if-env NODE_ENV=production && npm run start:prod || npm run start:dev


> mern@1.0.0 start:dev H:\mern-passport
> concurrently "nodemon --ignore 'client/*'" "npm run client"

[0] [nodemon] 1.19.4
[0] [nodemon] to restart at any time, enter `rs`
[0] [nodemon] watching dir(s): *.*
[0] [nodemon] watching extensions: js,mjs,json  
[0] [nodemon] starting `node server.js`
[0] API server now on port 3001!
[1] 
[1] > mern@1.0.0 client H:\mern-passport
[1] > cd client && npm run start
[1]
[1] 
[1] > mern@0.1.0 start H:\mern-passport\client
[1] > react-scripts start
[1]
[1] Starting the development server...
[1]
[1] Failed to compile.
[1]
[1] ./src/index.css (./node_modules/css-loader??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/index.css)
[1] Error: Package exports for 'H:\mern-passport\client\node_modules\autoprefixer\node_modules\kleur' do not define a valid './colors' target
[0] Error: ENOENT: no such file or directory, stat 'H:\mern-passport\client\build\index.html'
[0] Error: ENOENT: no such file or directory, stat 'H:\mern-passport\client\build\index.html'
3个回答

似乎是 autoprefixer 最新版本的问题。我提到了 https://github.com/postcss/autoprefixer/issues/1328并尝试在我的项目中降级 autoprefixer,现在它可以工作了。尝试:

npm install autoprefixer@9.8.0

快乐编码!

我也遇到了这个问题。看起来 autoprefixer 版本有问题,所以我更改了版本。

npm install autoprefixer@9.8.0

我试过这个,它工作得很好。

我也遇到了这个问题。我安装了纱线并使用npx create-react-app命令创建了一个新项目,这解决了问题。