无法导入模块（如axios）和json，而需要可以[重复]

Posted 2023-02-22

【中文标题】无法导入模块（如axios）和json，而需要可以[重复]

【英文标题】：Can't import modules(like axios) and json while require can [duplicate]

【发布时间】：2020-10-09 19:08:26

【问题描述】：

我有一个像这样的简单项目，并且已经安装了 axios： The project

在 main.js 中，我尝试导入 axios 和一个 json 文件但抛出错误：

import axios from 'axios' //SyntaxError: Cannot use import statement outside a module
import Test_data from 'json/test.json' //SyntaxError: Cannot use import statement outside a module

如果我使用 require() 会成功，谁能告诉我为什么？

var axios=require('axios');//success
var Test_data=require('./json/test.json');//success

console.log(Test_data);//success

【问题讨论】：

什么节点版本

这能回答你的问题吗？ ES6 modules implementation, how to load a json file

【参考方案1】：

尝试将属性type=“module” 放入index.html 文件中的script 元素中。

<script src=“./main.js” type=“module”></script>