无法使用 Electron 和 Angular 打开文件对话框答案

【问题标题】：Can't open file dialog using Electron and Angular无法使用 Electron 和 Angular 打开文件对话框
【发布时间】：2016-04-26 14:30:55
【问题描述】：

我不知道如何从 Electron 显示打开文件对话框。

当我使用提供的示例时出现错误：

Error: Cannot find module 'electron' from '/Users/michaelcalkins/Code/codesketcher/assets/js'

https://github.com/atom/electron/blob/master/docs/api/dialog.md

我正在使用 browserify 构建应用程序，任何尝试都会产生错误。

Gulp 文件内容：

var elixir = require('laravel-elixir')
elixir.config.assetsPath = 'assets'

elixir(function(mix) {
    mix.sass('app.scss', 'dist/css')
       .browserify('app.js', 'dist/js')
})

【问题讨论】：

标签： angularjs electron

【解决方案1】：

事实证明，使用 gulp 进行编译的方式很重要。无论出于何种原因，Laravel Elixir 都会破坏构建。使用不同的 gulpfile 我能够使其完美运行。

var gulp = require('gulp'),
    babel = require('gulp-babel'),
    run = require('gulp-run'),
    rename = require('gulp-rename'),
    watch = require('gulp-watch'),
    sass = require('gulp-ruby-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    cssnano = require('gulp-cssnano'),
    uglify = require('gulp-uglify'),
    imagemin = require('gulp-imagemin'),
    rename = require('gulp-rename'),
    concat = require('gulp-concat'),
    notify = require('gulp-notify'),
    cache = require('gulp-cache'),
    del = require('del')

gulp.task('scripts', function() {
    return gulp.src('./assets/js/app.js')
        .pipe(babel())
        .pipe(rename('index.js'))
        .pipe(gulp.dest('./'))
})

gulp.task('styles', function() {
    return sass('assets/sass/app.scss', { style: 'expanded' })
        .pipe(autoprefixer('last 2 version'))
        .pipe(gulp.dest('dist/css'))
        .pipe(rename({suffix: '.min'}))
        .pipe(cssnano())
        .pipe(gulp.dest('dist/css'))
        .pipe(notify({ message: 'Styles task complete' }))
})

gulp.task('run', ['default'], function() {
    return run('electron .').exec()
})

gulp.task('watch', ['scripts', 'styles'], function (cb) {
    watch('assets/js/**/*.js', function () {
        gulp.run('scripts')
    })

    watch('assets/scss/**/*.scss', function () {
        gulp.run('styles')
    })
})

gulp.task('default', ['scripts', 'styles'])

【讨论】：