我得到这个错误：
no such file or directory, stat 'C:UsersnessaVS CodeReact-Djangowebsitefrontendbuild'
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! frontend@1.0.0 deploy: `gh-pages -d build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the frontend@1.0.0 deploy script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
尝试运行npm时，请运行deploy。
这是我的包.json文件，位于我的.websitefrontend 中
{
"name": "frontend",
"version": "1.0.0",
"private": true,
"description": "",
"main": "index.js",
"scripts": {
"start": "react-scripts start",
"predeploy": "npm run build",
"deploy": "gh-pages -d build",
"dev": "webpack --mode development --watch",
"build": "webpack --mode production"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"@babel/core": "^7.13.13",
"@babel/preset-env": "^7.13.12",
"@babel/preset-react": "^7.13.13",
"babel-loader": "^8.2.2",
"css-loader": "^5.2.0",
"gh-pages": "^3.1.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"style-loader": "^2.0.0",
"webpack": "^5.28.0",
"webpack-cli": "^4.6.0"
},
"dependencies": {
"@babel/plugin-proposal-class-properties": "^7.13.0",
"@material-ui/core": "^4.11.3",
"@material-ui/icons": "^4.11.2",
"@material-ui/lab": "^4.0.0-alpha.57",
"react-material-ui-carousel": "^2.2.4",
"react-router-dom": "^5.2.0",
"react-speech": "^1.0.2"
}
}
我一直在同一个位置运行npm-run-dev，没有出现任何问题。我正在尝试在Github上托管我的react应用程序。我试着重新安装gh页面，以防文件安装不正确，但也遇到了同样的问题。我应该怎么做才能解决这个问题？
编辑：我试着按照这里说的去做，但仍然没有成功。如果有帮助的话，这是我的webpack.config.js
const path = require("path");
const webpack = require("webpack");
module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, './static/frontend'),
filename: '[name].js',
},
module: {
rules: [
{
test: /.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
},
},
{
test: /.css$/i,
use: ['style-loader', 'css-loader'],
},
],
},
optimization: {
minimize: true,
},
plugins: [
new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify('development'),
}),
],
}
我也改变了"；build"："webpack——模式生产"；在我的package.json脚本中；build"："webpack-模式开发"；，为了运行npm，请运行build，但问题仍未解决。
在package.json中，添加：
"scripts": {"predeploy": "npm run build","deploy": "gh-pages -d dist",}
解释：在我的案例中，我使用Vite创建了我的React应用程序。因此，通过运行npm run deploy，vite为生产创建了一个"dist"文件夹。但是"deploy": "gh-pages -d build"正在监视build文件夹。现在gh页面将在部署之前查找dist文件夹。
这是我的错误：ENOENT:没有这样的文件或目录，stat'C:\Users。。。\dist’
所以我添加了"predeploy": "npm run build", "deploy": "gh-pages -d build",在"scripts"中的package.json上。
并在终端中运行命令npm install gh-pages --save-dev。
以npm run deploy收尾。
添加predeploy后，在JSON文件中的脚本中进行部署。
- 运行：
npm run build - 运行：
npm run deploy