从节点模块导入 axios 时出现错误

Question

我已经通过 npm 安装了 axios 并尝试将 axios 导入到我的前端脚本文件中。

我面临的错误是

未捕获的语法错误：不能在模块外使用导入语句

这是我的 app.js 文件

import axios from 'axios';

function updateRecipt(items) {
    axios.post('/update-reciept',items).then(res=>{
        console.log(res);
    })
}

注意：我还将 axios package.json 中的 "type":"tag" 更改为 "type":"module" 并将 import 语句更改为 const axios = require("../.. /node_module/axios”）。但它对我不起作用

Answer 1

您正在使用 CommonJS。 要导入 axios，您可以执行

const axios = require("axios");

相反，如果你想使用 ES 模块， 您需要转到 package.json 并添加 "type": "module",（您也可以添加 "type": "commonjs", 以明确使用 CommonJS）

Answer 2

您使用的是 es6 语法而不是 commonJS。尝试使用这个

const axios = require('axios');

如果你想使用 es6，你需要像 Babel

Answer 3

尝试将其放在另一个文件中，然后执行以下操作：

const axios = require('your_file.js');

然后返回到您的文件，并添加：

import axios from 'axios';
module.exports = axios