Estoy teniendo un proyecto node-express-js renderizado del lado del servidor.
tengo un archivo js que contiene un objeto, cuando intento importar ese archivo en los archivos del controlador de back-end haciendo
const _something = require(directory name)
Puedo importarlo correctamente
pero cuando trato de importar el mismo archivo en mis archivos de activos frontales, aparece el siguiente error
Uncaught SyntaxError: Cannot use import statement outside a module
en el archivo frontend js lo estoy importando como: - requiere {algo} de '../../dir_name'
aquí está mi exportación
PoStatus = { "Work Order Raised":"1", "Pending Request Approval":"2", "Pending Quotes":"3", "Quote Pending Approver":"4", "Pending Purchase Order":"5", "Purchase Order Raised":"6", "Purchase Order Closed":"7", "Work Order Closed":"8", "Rejected":"9", "Quote Pending Proc. Mgr.":"10" } module.exports={PoStatus}
y mi importación es: -
import {PoStatus} from '../../../constants/poStatus' function approveReturnRejectQuote(status) { $.confirm({ title: 'Confirm!', content: `Are you sure you want to $
aquí hay una instantánea de mi directorio
https://i.stack.imgur.com/sIZQy.png
así que estoy exportando desde constants/poStatus a assets/patra/js/quotesDetails y recibo un gran error. sin embargo, mi IDE está dando sugerencias sobre qué objeto se importa y qué pares de valores clave contiene, pero el navegador arroja un error
En nodeJs (js ejecutándose en el escritorio) para importar y exportar debe usar:
require('here the path') module.exports = { /* variables to export */ }
Y en Js (js ejecutándose en el navegador)
import 'here the path' export { /*here variables*/}
si desea usar import en nodeJs, debe configurar con webpack: https://webpack.js.org/guides/getting-started/ para usar moderJs (con importación y exportación), luego se transformará en oldJs
Mi recomendación: