javascript - 使用 VUE-CLI 的 Node 模块

标签 javascript node.js vue.js

我正在创建 vue-cli 项目和一切正常的文件,但是当我尝试安装新模块时,它在安装后显示错误:

This dependency was not found:

* fs in ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/Index.vue, ./~/mp3-duration/index.js and 1 other

To install it, you can run: npm install --save fs

多次尝试确认还是报错,node_modules文件夹下有一个库。

我正在安装此模块并使用:

const musicdata = require('musicmetadata');

添加上面的代码后,我正在写这个:

getDuration(file) {
   fs.createReadStream(file), (err, metadata) => {
      if (err) throw  err;
         console.log(metadata)
   }
}

但是出现了我上面指定的错误,我想要一个单页网站,但想要一些node_modules来获取一些信息,我如何包含这些模块?

谢谢

最佳答案

我想说这是因为 fs 专门用于读取 Node 应用程序中的文件,并且您在浏览器中运行它。您可以查看 FileReader API这有助于读取本地文件(我想你的应用程序的文件)。最坏的情况是,有人为其编写了 NPM 包。

关于javascript - 使用 VUE-CLI 的 Node 模块,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43884980/

相关文章:

html - 如何使用 vuetify 导航到同一页面中的不同部分?

vue.js - 如何使用路由器链接滚动到特定 anchor ?

JavaScript 进度条不适用于 OO JS 代码

javascript - javascript 中的 ajax 调用无法加载资源错误

javascript - 无法使用 js crm 2016 清除查找值

node.js - 如何使用 SSL 在本地端口 80 - 443 上公开带有 DDEV Web 容器的 Nodejs 应用程序

firebase - 在 Google Firestore 中处理查询游标的正确方法? (Vue/Nuxt.js)

javascript - 作为 Vue 插件的一部分将 Mutations 添加到 Vuex store

node.js - 将 node_modules 从容器复制到主机

javascript - TypeError:使用nodejs,selenium和mocha时,test.describe不是函数