Abstracting a version number from a package.json file to be displayed to users in a web app

Question

I have a task of adding a version number to the UI in a react web app. Since my package.json file does contain a version number is it possible to use that value as a variable in my app? Ive tried importing the package.json but this does not work. Im not sure how I should approach this in a web app any advice would be helpful. This is the beginning of my package.json where the version number lives:

{ "name": "emr", "version": "1.0.0", "description": "Reliant EMR", "main": "index.js", ...

Ive tried importing the package.json like this:

import React, { Component } from "react"; import { connect } from "react-redux"; import { Version } from "../../../package.json"

I've started this by only trying to get the value out of the Version

console.log(Version.version)

Does this answer your question? Get version number from package.json in React Redux (create-react-app) — new Q Open Wid
– new Q Open Wid, Commented Jan 7, 2021 at 19:27

new Q Open Wid · Accepted Answer · 2021-01-07 19:39:56Z

0

You don't need the {} in this case. Version is not exported. Just remove the brackets and use

import Version from "../../../package.json";

answered Jan 7, 2021 at 19:39

new Q Open Wid

2,3292 gold badges21 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

matdev Over a year ago

This raises an error: Module not found: Error: You attempted to import ../../../package.json which falls outside of the project src/ directory

Collectives™ on Stack Overflow

Abstracting a version number from a package.json file to be displayed to users in a web app

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related