Importing .js file into html using <script>

Question

I've looked at different posts on StackOverflow but I can't seem to solve this problem despite following the suggestions. Any help would be appreciated.

I have the following HTML code in the file home.html in my frontend folder:

`<!DOCTYPE html>
  <html lang="en">
  <head>
  <title> Home Page </title>
   <meta charset="utf-8">
   <script src ="src/home.js"></script>
  </head> 
  </html>`

And I have a file home.js in the folder src that I'm trying to import. However, when I then run localhost I get the error:

The resource from “ http://localhost:3000/src/home.js ” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff)

I've tried adding

app.use("/src", express.static(path.join(__dirname, "../src"))); app.use("/frontend", express.static(path.join(__dirname, "../frontend")));

to my server.js file but it doesn't help.

Thanks in advance!

Answer 1

添加“类型”属性，如下所示。

<script type="text/javascript" src="path-to-javascript-file.js"></script>

Importing .js file into html using <script>

Question

1 answers

solution1
-2 2020-03-20 17:33:37

Importing .js file into html using <script>

Question

1 answers

solution1 -2 2020-03-20 17:33:37

solution1
-2 2020-03-20 17:33:37