在 Nuxt.js 中使用 vue-underscore

Question

我目前正在重新设计我在 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);

感谢收到的任何帮助。

Answer 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>

在 Nuxt.js 中使用 vue-underscore

Using vue-underscore in Nuxt.js

vue.js

nuxt.js