NW.js child_process不使用vue.js应用程序

时间:2018-05-06 13:19:31

标签: node.js vue.js vuejs2 node-webkit nw.js

我想用node webkit(Nw.js)构建一个vue.js应用程序。

应用程序必须执行二进制文件,所以我做了

request_sent

我尝试使用.exec或.spawn,但我总是遇到一些奇怪的错误:

const exec = require("child_process").exec;
  exec(
    '"C:\\someBin.exe" /someOptions',
    (e, stdout, stderr) => {
      if (e instanceof Error) {
        console.error(e);
        throw e;
      }
      console.log("stdout ", stdout);
      console.log("stderr ", stderr);
    }
  );

它必须使用vue.js与我链接,因为当我在一个只有脚本标记的简单节点webkit应用程序中测试此代码时,它可以工作!

webpack(由vue.js使用)与nodejs的require关键字之间是否存在某种不兼容性?

当打印 require(" child_process")的内容时,有一些东西,但没有我期望的东西(没有spawn或exec方法)。似乎需求本身不适用于这种特定情况。但是它仍然适用于已经安装的其他npm软件包。

要创建应用程序,我使用" npm run build" 直接在/ dist目录中生成最终文件。在这个目录中,我已经放置了节点webkit文件,所以我可以从那里运行节点webkit二进制文件。

1 个答案:

答案 0 :(得分:0)

最后我找到了解决方案。

似乎webpack会覆盖一些节点模块。

要防止这种情况,您只需将其添加到您的webpack配置中:

target: 'node-webkit',

我读到有其他类型的可用目标,如" node"。

这是帮助您正确放置上述行的大部分webpack文件。

module.exports = {
  context: path.resolve(__dirname, '../'),
  entry: {
    app: './src/main.js'
  },
  output: {
    path: config.build.assetsRoot,
    filename: '[name].js',
     publicPath: process.env.NODE_ENV === 'production'
      ? config.build.assetsPublicPath
      : config.dev.assetsPublicPath
  },
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
    }
  },
  module: {
    rules: [
      ...(config.dev.useEslint ? [createLintingRule()] : []),
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
      },
      {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test'), 
resolve('node_modules/webpack-dev-server/client')]
       },
      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('img/[name].[hash:7].[ext]')
        }
      },
      {
        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('media/[name].[hash:7].[ext]')
        }
      },
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
        }
      }
    ]
  },
  target: 'node-webkit'
}