最新消息: 电脑我帮您提供丰富的电脑知识,编程学习,软件下载,win7系统下载。

[在Visual Studio的终端上使用npm start时出现错误

IT培训 admin 6浏览 0评论

[在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>

发布评论

评论列表 (0)

  1. 暂无评论