function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Taylor YoungTaylor Young 

Module not found: Could not resolve lightning/input as /User/tyoung/sfdx/...

Hello. I'm starting to experiment with Lightning web components. I created a simple component name 'grid' which is rendered by 'app'. In 'grid.html' I am trying to use the 'lightning-input' markup tag to display an input field for date selection. I copied the input markup directly from the docs. I am receiving an error which leads my to believe the markup tag is being interpreted as another component. I am clearly misunderstanding some context. What is the difference in syntax between lwc html markup and component markup. And why is this markup tag being interpreted this way? Please advice.


grid.html
<template>
<div>
<h1>I wear sandals on {date}!</h1>
<lightning-input type="checkbox"
label="Red"
checked>
</lightning-input>
<lightning-input type="checkbox">
</lightning-input>
</div>
</template>



grid.js 
import { LightningElement, track } from 'lwc';

export default class Grid extends LightningElement {
  @track date = Date().toString().slice(0,15);
}



app.html (if needed)
<template>
<div class="center grid">
<my-grid></my-grid>
</div>
</template>