Question

问题是在生产模式下构建我的项目。

我尝试通过构建将main.js中的组件导入

const isBrowser = typeof window !== 'undefined';
const VueHead  = isBrowser ? require('vue-head') : undefined;

在下一行中，我将此组件与

一起使用

Vue.use(VueHead)

并成为错误：

Uncaught TypeError: Cannot read property 'install' of undefined.

在简单导入时，我无法通过“ require”更改构造。此选项不适合我（因为在这种情况下，我会因webpack "ReferenceError: window is not defined"出现错误，而对于具有“ require”的构造，我会尝试解决此错误）。

完整的main.js：

import Vue from 'vue'
import App from './App'
import router from './router'
import store from './store'
import VeeValidate from 'vee-validate'

const isBrowser = typeof window !== 'undefined';
const VueHead  = isBrowser ? require('vue-head') : undefined;

Vue.use(VueHead)
Vue.use(VeeValidate)

Vue.config.productionTip = false

new Vue({
  el: '#app',
  store,
  router,
  components: { App },
  template: '<App/>'
})

更新：我尝试在生产模式下使用pm2启动我的应用程序。当我以npm run dev开头时，没有问题或错误

在Vue项目的main.js中导入组件

0 个答案: