NW.js child_process 无法使用 vue.js 应用程序
NW.js child_process not working with vue.js app
我想用 node webkit (Nw.js) 构建一个 vue.js 应用程序。
该应用程序必须执行二进制文件,所以我执行了
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);
}
);
我尝试使用 .exec 或 .spawn,但我总是遇到一些奇怪的错误,例如:
TypeError: (0 , n(...).exec) is not a function
它必须使用 vue.js 与我链接,因为当我在一个简单的节点 webkit 应用程序中测试这段代码时,只有一个脚本标签,它有效!
webpack(被vue.js使用)和nodejs的require关键字之间是否存在某种不兼容?
当打印 require("child_process") 的内容时,有一些东西但没有我所期望的(没有 spawn 或 exec 方法)。似乎要求本身不适用于这种特定情况。但奇怪的是,它仍然适用于已安装的其他 npm 包。
为了创建应用程序,我使用 "npm run build" 直接在 /dist 目录中生成最终文件。在这个目录中,我已经放置了节点 webkit 文件,所以我可以从那里 运行 节点 webkit 二进制文件。
我终于找到了解决办法。
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'
}
我想用 node webkit (Nw.js) 构建一个 vue.js 应用程序。
该应用程序必须执行二进制文件,所以我执行了
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);
}
);
我尝试使用 .exec 或 .spawn,但我总是遇到一些奇怪的错误,例如:
TypeError: (0 , n(...).exec) is not a function
它必须使用 vue.js 与我链接,因为当我在一个简单的节点 webkit 应用程序中测试这段代码时,只有一个脚本标签,它有效!
webpack(被vue.js使用)和nodejs的require关键字之间是否存在某种不兼容?
当打印 require("child_process") 的内容时,有一些东西但没有我所期望的(没有 spawn 或 exec 方法)。似乎要求本身不适用于这种特定情况。但奇怪的是,它仍然适用于已安装的其他 npm 包。
为了创建应用程序,我使用 "npm run build" 直接在 /dist 目录中生成最终文件。在这个目录中,我已经放置了节点 webkit 文件,所以我可以从那里 运行 节点 webkit 二进制文件。
我终于找到了解决办法。
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'
}