要求和导入不适用于 vue.js 中的节点库答案

【问题标题】：require and import not working for node libraries in vue.js要求和导入不适用于 vue.js 中的节点库
【发布时间】：2019-11-20 23:41:54
【问题描述】：

所以我正在尝试将 nodejs 库 net 导入到 vuejs 项目中。但我无法导入库。我尝试过使用const net = require('net')、const net = require('net').default 和import * as net from 'net'，但是这些都不起作用并且对象是空的（如果我使用console.log() 它，或者抛出Uncaught TypeError: Cannot read property 'createServer' of undefined。我也尝试过同时使用@987654326 @ 和 npm 没有运气。

net 模块肯定在我的node_modules/ 文件夹中。

组件文件

<template>
    <p>charts placeholder</p>
</template>

<script>
    const net = require('net').default;
    console.log(net);
    const port = 8080;
    const host = '127.0.0.1';

    let server = net.createServer(function(socket) {
        socket.on('data', function(data){
            let str = data.toString();
            console.log(str);
            try {
                let json = JSON.parse(str);
                console.log(json);
            } catch (e) {
                console.log('error str: ' + str);
            }

        });
        socket.on('error', function(err) {
            console.log(err)
        })
    });

    server.listen(port, host);


    export default {
        name: "Charts"
    }
</script>

<style scoped>

</style>

任何建议都会非常感谢。

【问题讨论】：

你做了npm install net吗？
是的，我确实安装了它。问题与我的项目有关，我创建了一个新项目，并且能够毫无问题地导入模块。

标签： vue.js import require

【解决方案1】：

这不是前端框架的重点。如果您想让数据对您的 Vue 应用程序可用，您应该使用单独的项目并单独运行它们。

要在前端和后端之间交换数据，您可以使用 axios 或其他：https://vuejs.org/v2/cookbook/using-axios-to-consume-apis.html#ad

【讨论】：