[在Visual Studio的终端上使用npm start时出现错误
我正在使用带有节点的JavaScipt ES6。我正在使用Visual Studio代码。运行npm start时出现此错误:错误是:
× C:\Users\markp\source\repos\bioinvisionTest\index.html:1:31: Imports and requires are not supported inside inline <script> tags yet
在其他程序中,导入有效。这不是。程序中的全部是这样:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="demo"></div>
<script>
import TestComponent from "./components/Testcomponent"
</script>
</body>
</html>
并且在components文件夹中有一个名为Testcomponent js的文件,其中包含以下内容:
function TestComponent() {
console.log("test component js")
}
export default {
TestComponent
}
回答如下:尝试将type="module"
添加到脚本标签。<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="demo"></div>
<script type="module">
import TestComponent from "./components/Testcomponent"
</script>
</body>
</html>
[在Visual Studio的终端上使用npm start时出现错误
我正在使用带有节点的JavaScipt ES6。我正在使用Visual Studio代码。运行npm start时出现此错误:错误是:
× C:\Users\markp\source\repos\bioinvisionTest\index.html:1:31: Imports and requires are not supported inside inline <script> tags yet
在其他程序中,导入有效。这不是。程序中的全部是这样:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="demo"></div>
<script>
import TestComponent from "./components/Testcomponent"
</script>
</body>
</html>
并且在components文件夹中有一个名为Testcomponent js的文件,其中包含以下内容:
function TestComponent() {
console.log("test component js")
}
export default {
TestComponent
}
回答如下:尝试将type="module"
添加到脚本标签。<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="demo"></div>
<script type="module">
import TestComponent from "./components/Testcomponent"
</script>
</body>
</html>