JS скрипт в html файле не работает после его переноса - PullRequest
Новая
       33

JS скрипт в html файле не работает после его переноса

0 голосов
/ 23 октября 2019

У меня проблема с gulp-активностью в курсе write-javascript-for-the-web. Я определил все зависимости и добавил код в gulpfile.js. Я могу запустить gulp задачи и секвенс, но когда я пытаюсь запустить index.html из папки dist, я больше не могу добавлять блоги. У кого-нибудь есть идея, в чем заключается проблема и как я могу ее исправить? 

$ gulp
[17:03:58] Using gulpfile C:\cygwin64\Development\Openclassromms\JS\5493201-js-for-the-wevelopment/Openclassromms/JS/5493201-js-for-eb-gulp\gulpfile.js                         r)
[17:03:58] Starting 'default'...
[17:03:58] Starting 'processHTML'...        pment\Openclassromms\JS\5493201-js-for-the-w
[17:03:58] Finished 'processHTML' after 18 ms
[17:03:58] Starting 'processJS'...
[17:03:58] Finished 'processJS' after 12 ms s
[17:03:58] Starting 'babelPolyfill'...      
[17:03:58] Finished 'babelPolyfill' after 8.31 ms
[17:03:58] Finished 'default' after 72 ms   31 ms

Мои зависимости: 

    "@babel/core": "^7.6.4",
    "@babel/preset-env": "^7.6.3",
    "babel-cli": "^6.26.0",
    "gulp": "^4.0.2",
    "gulp-babel": "^8.0.0",
    "gulp-jshint": "^2.1.0",
    "jshint": "^2.10.2"
  },
  "dependencies": {}

В конечном итоге я смогу добавить блоги вотобразить в index.html, который использует для этой цели ссылку на файл js, используя исходный файл html, а также перенесенный из папки dist. мой gulpfile.js: 

const gulp = require('gulp');
const jshint = require('gulp-jshint');
const babel = require('gulp-babel');

gulp.task('processHTML', (done) => {
    gulp.src('*.html')
      .pipe(gulp.dest('dist'));
      done();
  });
  gulp.task('processJS', (done) => {
    gulp.src('*.js')
      .pipe(jshint({
          esversion: 8
      }))
      .pipe(jshint.reporter('default'))
      .pipe(babel({
        presets: ['@babel/preset-env']
      }))
      .pipe(gulp.dest('dist'));
      done();
  });
  gulp.task('babelPolyfill', (done) => {
    gulp.src('node_modules/babel-polyfill/browser.js')
      .pipe(gulp.dest('dist/node_modules/babel-polyfill'));
      done();
  });
  gulp.task('default', gulp.series("processHTML", "processJS", "babelPolyfill"));
...