Workaround explorer project not working

julesweasley · April 5, 2021, 10:02am

Hello,
I have been struggling with the Workaround explorer project. In step 3, once I import the functions, the text with ‘company’ and ‘roles’ dissapear. They don’t come back even after having done step 4.
https://www.codecademy.com/courses/introduction-to-javascript/projects/es6-modules-workaround
Here is my code:

gist.github.com

https://gist.github.com/codecademydev/0778a660d3ccb255521f02e0ad95b7a0

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>WorkAround</title>
    <link rel="stylesheet" type="text/css" href="index.css" />
    <script type="module" src="main.js" defer></script>
  </head>
  <body>
    <main>

This file has been truncated. show original

main.js

// TODO: Add your import statements here.
import { getCompanies, getRoles } from "./salaryData.js";
import {
  getAverageSalaryByRole,
  getSalaryAtCompany,
  getIndustryAverageSalary,
  getAverageSalaryByCompany,
} from "./workAroundModule.js";
// TODO: Get the companies and roles using the salaryData module.
const companies = getCompanies();

This file has been truncated. show original

salaryData.js

const salaryData = [
  { role: "CTO", company: "Big Data Inc.", salary: 320000 },
  { role: "Technical Lead", company: "Big Data Inc.", salary: 230000 },
  { role: "Software Engineer II", company: "Big Data Inc.", salary: 180000 },
  { role: "Software Engineer I", company: "Big Data Inc.", salary: 140000 },
  { role: "CTO", company: "Medium Data Inc.", salary: 215000 },
  { role: "Technical Lead", company: "Medium Data Inc.", salary: 165000 },
  { role: "Software Engineer II", company: "Medium Data Inc.", salary: 140000 },
  { role: "Software Engineer I", company: "Medium Data Inc.", salary: 115000 },
  { role: "CTO", company: "Small Data Inc.", salary: 175000 },

This file has been truncated. show original

There are more than three files. show original

It would be great if someone could share their code !
Thanks a lot.

All the best.

mirja_t · April 5, 2021, 11:04am

Welcome to the forum @julesweasley

// Your main.js
import { getCompanies, getRoles } from "./salaryData.js";

I’m not 100% sure, but from what I remember, the data from salaryData.js is needed in the workAroundModule.js.
Also salaryData.js and main.js aren’t in the same directory and therefore the file path isn’t correct.

It helps a lot to open the browser’s console: If the error message there states that a file can’t be found, you probably have an error in your file file path. If it says that it can’t get anything from null you probably imported modules in the wrong file.

In your case it’s both I assume.

codedbydom93 · April 5, 2021, 11:04am

Hi There,

Have a look at your importing file structure in main.js as this might be causing the issue.