导入常量会引发错误Nuxtjs

Question

我在Nuxt应用程序的根目录中有一个constants.js文件。该文件包含使用module.exports.<var_name>导出的常量变量。

当此文件以/pages/index.vue格式导入到我时>

import { feature1, feature2, feature3, news } from '../constants';它抛出如下错误：

TypeError: Cannot set property 'feature1' of undefined
    at Module.eval (constants.js?c4f5:1)
    at eval (constants.js:111)
    at Module../constants.js (pages_index.js:283)
    at __webpack_require__ (runtime.js:796)
constants.js：-

module.exports.feature1 = [...];
module.exports.feature2 = [...];
...
index.vue：-

import { feature1, feature2, feature3, news } from '../constants';
export default {
 data() {
      return {
        newsList: news,
        isMobile: false,
        featuresList1: feature1,
        featuresList2: feature2,
        featuresList3: feature3,
        showAll: false
      };
    }
}


注意-构建并部署到生产环境后，不会出现此错误。很奇怪。

我在Nuxt应用程序的根目录中有一个constants.js文件。该文件包含使用module.exports。导出的常量变量。在...中导入此文件时...] >>>

Answer 1

我测试了您的代码，对我来说很好用，但是我改变了一件事

在index.vue中，而不是像../constants那样导入，像~/routeToLocation一样导入>

我的代码是：

test.js

Answer 2

通过反复尝试，我发现还需要将constants.js文件添加到nuxt.config.js下的plugin中，并且模式设置为client

  plugins: [
    ...
    {src: '~/constants', mode: 'client'},
  ],