Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Gridsome生成失败,出现TypeError_Javascript_Vue.js_Typeerror_Gridsome_Vue Meta - Fatal编程技术网

Javascript Gridsome生成失败,出现TypeError

Javascript Gridsome生成失败,出现TypeError,javascript,vue.js,typeerror,gridsome,vue-meta,Javascript,Vue.js,Typeerror,Gridsome,Vue Meta,在初学者项目模板上运行Gridsome build时遇到一些问题。该站点在localhost上运行,没有问题。我尝试了npm安装gridsome@latest更新或安装任何缺失的软件包 Gridsome build给了我以下错误: Could not generate HTML for "/work/": TypeError: Cannot read property 'console' of null at Object. (C:\Users\Micah\Deskt

在初学者项目模板上运行Gridsome build时遇到一些问题。该站点在
localhost
上运行,没有问题。我尝试了
npm安装gridsome@latest
更新或安装任何缺失的软件包

Gridsome build给了我以下错误:

    Could not generate HTML for "/work/":
    TypeError: Cannot read property 'console' of null
      at Object. (C:\Users\Micah\Desktop\my-gridsome-site\node_modules\vue-meta\dist\vue-meta.common.js:103:23)
      at Module._compile (internal/modules/cjs/loader.js:778:30)
      at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
      at Module.load (internal/modules/cjs/loader.js:653:32)
      at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
      at Function.Module._load (internal/modules/cjs/loader.js:585:3)
      at Module.require (internal/modules/cjs/loader.js:692:17)
      at require (internal/modules/cjs/helpers.js:25:18)
      at C:\Users\Micah\Desktop\my-gridsome-site\node_modules\vue-server-renderer\build.prod.js:1:77671
      at Object. (webpack:/external "vue-meta":1:0)
vue meta.common.js:103:23
中的代码读取
var console=_global.console | |{}如下所示:

var hasGlobalWindow = hasGlobalWindowFn();

var _global = hasGlobalWindow ? window : global;

var console = _global.console || {};
function warn(str) {
  /* istanbul ignore next */
  if (!console || !console.warn) {
    return;
  }

  console.warn(str);
}
var showWarningNotSupported = function showWarningNotSupported() {
  return warn('This vue app/component has no vue-meta configuration');
};
复制步骤

从命令行运行gridsome构建

环境

System:
OS: Windows 10
CPU: (4) x64 Intel(R) Core(TM) i5-4210U CPU @ 1.70GHz
Binaries:
Node: 10.16.3 - C:\Program Files\nodejs\node.EXE
npm: 6.9.0 - C:\Program Files\nodejs\npm.CMD
Browsers:
Edge: 44.18362.449.0
npmPackages:
gridsome: ^0.7.11 => 0.7.11
gridsome-plugin-tailwindcss: ^2.2.26 => 2.2.26

我认为问题只存在于构建中,因为组件的(服务器端渲染)。构建模式下没有窗口。尝试将您的组件包装在vue的
标记中,使用
标记如下:



您解决过这个问题吗?我在
gridsome build
上也遇到了这个错误。我也在使用tailwindcss。我重新制作了这个项目,并一个接一个地添加了包。我相信我的在vue视差js上失败了