Lightning Web Component not getting deployed

Question

I have been trying to deploy a lightning web component and an apex class to a developer org, but I receive the error "SFDX: Deploy Source to Org failed to run" in VS Code.

Did I miss something when I set-up VS Code?

1. Salesforce CLI is up to date
2. All extensions are up to date
3. The orgs in question have been authorized successfully

I was able to deploy the "datatableStudentController" apex class successfully so I assume the connection with VS code and my org is fine, not sure why "datatableRecords.html", "datatableRecords.js" and "datatableRecords.js-meta.xml" won't get deployed. Screenshots of my codes are given below:

Answer 1

Javascript is case sensitive. In your LWC controller the variable is defined as dataTable, however in component if:true it shows datatable. Also in lightning-datatable data attribute should have curl braces like shown below instead of double quotes.

<template if:true={dataTable}>

<lightning-datatable data={dataTable} columns={columns}.....

In LWC controller

export default class AccountList extends LightningElement {
    columns = columns;
    .......