将资源包导入 vue 项目

Question

我想将包 ResourceBundle 添加到我的 vue 项目中。所以我安装了它：

npm install resource-bundle

这些是 index.js 资源包中的导出部分：

export function* loader (locale, dir, baseName) {
    console.log('in loader')//Does not print
    ...
    return new ResourceBundle(require(file))
};

function ResourceBundle (resource) {
    this.resource = resource
}

ResourceBundle.prototype.get = function (key) {
    ...
    return util.format.apply(util, params);
};

export const ResourceBundlee = ResourceBundle

然后在main.js中导入并使用'loader'：

import * as ResourceBundle from 'resource-bundle'
console.log(ResourceBundle)
//console:
// ResourceBundlee:ƒ s(t) 
// loader:ƒ r(t,e,n)  
console.log(ResourceBundle.loader('en_US', 
__dirname+'/resources',message').get) 
//console:
//undefined

我不知道 javascript。您能解释一下发生了什么，为什么不打印 'in loader' 以及我应该如何以正确的方式导入 loader？谢谢

Answer 1

npm install ResourceBundle 应该是 npm install --save resource-bundle。尝试使用正确的包名和保存标志重新安装。

之后，检查项目根目录中的package.json 文件中的resource-bundle 是否列在"dependencies" 部分中。

  "dependencies": {
    ...
    "resource-bundle": "^0.1.2",
    ...
  }

将您的导入语句更改为：

import loader from 'resource-bundle'

并调用加载函数：

let message = loader('en_US', __dirname+'/resources',message')
console.log(message.get('some-key'))