在 Nuxt.js 中使用 vue-underscore答案

【问题标题】：Using vue-underscore in Nuxt.js在 Nuxt.js 中使用 vue-underscore
【发布时间】：2019-05-20 06:06:45
【问题描述】：

我目前正在修改我在 VueJS 中为 Nuxt 制作的应用程序，但是我收到一个错误，缺少我找不到的堆栈帧 - 我正在尝试使用 vue-underscore，而之前在 VueJS这很好用，我现在出现了这个丢失的堆栈帧错误消息。

在vue-underscore.js 文件中，我这样设置下划线：

import Vue from 'vue'
import underscore from 'vue-underscore'

Vue.use(underscore)

我在我的组件中像这样导入{_}：

import {_} from 'vue-underscore';

这里的错误信息：

"use strict";
    __webpack_require__.r(__webpack_exports__);
    /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = 
    __webpack_require__(/*! vue */ "vue");
    /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = 
    /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
    /* harmony import */ var vue_underscore__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-underscore */ "vue-underscore");
/* harmony import */ var vue_underscore__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue_underscore__WEBPACK_IMPORTED_MODULE_1__);
 vue__WEBPACK_IMPORTED_MODULE_0___default.a.use(vue_underscore__WEBPACK_IMPORTED_MODULE_1___default.a);

感谢您的任何帮助。

【问题讨论】：

您需要将其添加到 nuxt.config.js 中的“插件”中。像这样：plugins: ['@/folderWhereYouSaved/vue-underscore.js']
@Andrew1325 不幸的是，我已经这样做了！不是问题
我是 nuxt 的新手，但我认为如果您正在使用单页应用程序模式，则必须在 nuxt.config.js 中将 ssr:false 添加到您的插件中： [ { src: '~/plugins/vue-underscore.js', ssr: false } ],
您找到解决方案了吗？

标签： vue.js nuxt.js

【解决方案1】：

我遇到了同样的问题。我们俩都用不好！

让我们总结一下。

添加仓库

npm install vue-underscore

或

yarn add vue-underscore

创建一个名为 plugins/underscore.js 的文件

import Vue from 'vue'
import underscore from 'vue-underscore'
Vue.use(underscore)

将其添加到 nuxtconfig.js 文件中

plugins: [{ src: '~/plugins/underscore', ssr: false }]

使用它

<script>
export default {
  name: 'MyComponent',
  mounted() {
    console.log(this.$_.range(2000, 2020))
  }
}
</script>

【讨论】：