要求在 wordpress 中没有定义

问题描述

我正在构建一个自定义 wp 主题，我想集成 Twitter API 来显示推文。我卡住的地方是我试图从 npm 中要求 twit 包，但我不断收到“未捕获的引用错误：需要未定义”。转换为 ES6 模块也不起作用。我知道这一点，因为 require 是服务器端的节点功能，但我如何完成这项工作？我的一个想法是使用 express 设置服务器，但是当站点部署在 Flywheel 中时，这仍然有效吗？另外，我使用 gulp 来编译我所有的 js 脚本。我试过使用 gulp-browserify 来解决这个问题，但我也无法让它工作。我已经阅读了几个关于此的主题，但仍然没有运气。对我有什么建议？？？谢谢！这是我的 twit.js 文件：

console.log('twit.js is running...');

const Twit = require('twit');

const T = new Twit({
    consumer_key:         '****************************',consumer_secret:      '****************************',access_token:         '****************************',access_token_secret:  '****************************'
  });


  T.post('statuses/update',{ status: 'Hello World!' },function(err,data,response) {
    console.log(data)
  });

还有我的 gulp 文件（我只包含了 js 任务）：

var gulp = require('gulp'),sass = require('gulp-sass'),cleanCss = require('gulp-clean-css'),gulpif = require('gulp-if'),connect = require('gulp-connect'),concat = require('gulp-concat'),autoprefixer = require('gulp-autoprefixer'),bourbon = require('bourbon').includePaths,browserify = require('gulp-browserify'),neat = require('bourbon-neat').includePaths;

// source files
var input_sass_style = './src/stylesheets/style.scss',input_sass_components = './src/stylesheets/**/*.scss',input_js = './src/javascript/**/*.js';
// destination files
var dist_sass = './dist/css',dist_js = './dist/js';

// ***** TASKS ***** //

// compilers

gulp.task('js',function(){
  return gulp.src('./src/javascript/twit.js')
  .pipe(browserify({debug: true}))
  .pipe(gulp.dest(dist_js));
});

gulp.task('scripts',function() {
  return gulp
    .src(input_js)
    .pipe(concat('compiled.js'))
    .pipe(gulp.dest(dist_js));
});

// default

gulp.task('default',['sass','scripts','watch-sass-components','watch-sass-stylesheet','watch-js','js']);

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

gulp javascript require require wordpress