import outside module error article

src/tutorials.js

@@ -5,6 +5,14 @@ const moment = require('moment');
 const axiosPath = require('./axiosPath');
 
 const tutorials = [
+  {
+    title: "How to Fix \"cannot use import statement outside a module\" in JavaScript",
+    raw: './tutorials/fundamentals/import-outside-module-error.md',
+    url: '/tutorials/fundamentals/import-outside-module-error',
+    description: 'Placeholder Description',
+    tags: ['fundamentals'],
+    date: moment('2022-12-02')
+  },
   {
     title: 'Use the Ternary Operator for Conditionals in Vue',
     raw: './tutorials/vue/ternary-operator.md',

tutorials/fundamentals/import-outside-module-error.md

@@ -0,0 +1,28 @@
+In Node, you can use `"type": "module"` in package.json
+
+```json
+{
+  "type:": "module"
+}
+```
+
+## In the browser
+
+In the script tag, you add `type="module"` like so:
+
+```html
+<script type="module" src="./file.js">import
+</script>
+```
+<script type="module" src="./file.js">import
+</script>
+
+```html
+<script src="./file.js">import
+</script>
+```
+<script>
+import
+</script>
+
+Observe how the error is thrown without that change by pressing ctrl+shift+i if you are on windows.