简体   繁体   English

运行npm run deploy时找不到“ build”文件夹

[英]No “build” folder found when running npm run deploy

I am trying to deploy my react app to github pages. 我正在尝试将我的React应用程序部署到github页面。 Every time I run "npm run deploy" I get this error: 每次我运行“ npm run deploy”时,都会出现此错误:

ENOENT: no such file or directory, stat '/Users/username/my-app/build'

npm ERR! Darwin 16.3.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "deploy"
npm ERR! node v6.11.0
npm ERR! npm  v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! reactdemo@1.0.0 deploy: `gh-pages -d build`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the reactdemo@1.0.0 deploy script 'gh-pages -d build'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the reactdemo package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     gh-pages -d build
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs reactdemo
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls reactdemo
npm ERR! There is likely additional logging output above.

Here are my package.json scripts 这是我的package.json脚本

"scripts": {
    "compile": "webpack",
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack --config webpack.config.js",
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build"
  },

Webpack.config.js Webpack.config.js

const path = require('path');

module.exports = {
  context: path.join(__dirname, 'src'),
  entry: [
    './main.js',
  ],
  output: {
    path: path.join(__dirname, 'www'),
    filename: 'bundle.js',
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: [
          'babel-loader',
        ],
      },
    ],
  },
  resolve: {
    modules: [
      path.join(__dirname, 'node_modules'),
    ],
  },
};

I am guessing that it has something to do with the way my build script is written. 我猜想这与我的构建脚本的编写方式有关。 Running "npm run build" works fine. 运行“ npm run build”工作正常。

Edit: Added webpack config 编辑:添加了webpack配置

Command gh-pages -d build will deploy everything from your build directory. 命令gh-pages -d build将部署build目录中的所有内容。 But you don't use build directory for your bundle, you use www directory. 但是,您的捆绑包不使用build目录,而使用www目录。

Change the command to gh-pages -d www . 将命令更改为gh-pages -d www

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM