Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Failed to resolve module specifier "date-fns".

See original GitHub issue

Hi, I received this message:

Uncaught TypeError: Failed to resolve module specifier “date-fns”. Relative references must start with either “/”, “./”, or “…/”. in my Chrome console when I tried: import {format} from 'date-fns'

This is my first time installing a package instead of running on cdn, and I would love to get it to work.

Many thanks! Ken

Issue Analytics

State:
Created 3 years ago
Comments:5

Top GitHub Comments

3reactions

maximillianfxcommented, Aug 22, 2020

Alright! @ken-1998 You can use the CDN from date-fns in your page.html, like this:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Teste</title>
</head>
<script src="http://cdn.date-fns.org/v1.9.0/date_fns.min.js"></script>
<script src="./sample.js"></script>
<body>
    
</body>
</html>

and in sample.js call the library with the word dateFns.

console.log(dateFns.isToday(new Date()))
var result = dateFns.format(
    new Date(2020, 7, 21),
    'MM/DD/YYYY'
)

console.log("Date: " + result)

You will use date-fns package from npm-package in projects like node-js, react, vue, angular, etc. It’s not recomended use that approach to simple html pages because the package works like a module, e.g ES6, and the browser dont read ES6, you’ll need a Babel transpiler to convert ES6 code to JS native code.

See more info here.

1reaction

ken-1998commented, Aug 22, 2020

I see! Thank you @maximillianfx ! Have a great weekend!

Top Results From Across the Web

Module not found: Error: Can't resolve 'date-fns/addDays' in 'C ...

You need to install the date-fns package from NPM using npm install --save date-fns .

Cannot find module 'date-fns' error | bobbyhadz

To solve the error "Cannot find module 'date-fns'", make sure to install the date-fns package by opening your terminal in your project's root...

failed to resolve module specifier "axios". relative references ...

I get Uncaught TypeError: Failed to resolve module specifier "axios". Relative references must start with either "/", "./", or ". Favicon for you.com ......

Failed to resolve module specifier | by Sami C. - Medium

Failed to resolve module specifier. Today I got stuck when trying to load a module: import(`folder/myModule.js`).then((response) => ...

date-fns-tz - npm

Time zone support for date-fns v2 with the Intl API. ... property in your project's package.json to either module , for ESM, or...