Estoy importando dos módulos del mismo paquete.
import { RowSelection } from "gridjs/plugins/selection"; import { Grid } from "gridjs";Puedo acceder a RowSelection en VSCode (por ejemplo, ir a definición) muy bien. Intellisense también funciona bien. Por lo tanto, la definición del módulo parece estar bien.
Mi problema es que el paquete web es exitoso para Grid pero falla para RowSelection con el siguiente mensaje de error:
Module not found: Error: Can't resolve 'gridjs/plugins/selection' in 'C:\workspace\src'El mensaje de error también es correcto. El módulo definitivamente no existe en la ruta mencionada. Está en '../node_modules/gridjs/plugins/selection'.
Sin embargo, no entiendo por qué no está buscando en el directorio de módulos de nodo de la misma manera que lo está haciendo para Grid.
¿Por qué RowSelection se resuelve de manera diferente a Grid y qué puedo hacer para solucionar este problema?
Esta es la configuración de mi paquete web:
const webpackMerge = require("webpack-merge"); const baseDashboardConfig = require("@splunk/webpack-configs/dashboard.config").default; const baseConfig = require("@splunk/webpack-configs").default; module.exports = webpackMerge(baseConfig, { entry: "./src/details_dialog.js", output: { path: __dirname, filename: "details_dialog.js", }, module: { rules: [ { test: /\.css$/, //exclude: [/node_modules/], use: [ { loader: "style-loader", }, { loader: "css-loader", }, ], }, ], }, });Lo único que me viene a la mente es que no ha incluido archivos .tsx con sus archivos .ts en la configuración base de su paquete web. La pista es que el archivo fuente para rowSelection es rowSelection.tsx (error) y gridjs es gridjs.ts (sin error). Eso podría explicar el mensaje de error, ya que el webpack no transpila rowSeletion.tsx y, por lo tanto, no se puede encontrar en la carpeta src.
Aparentemente, esto no es un problema con mi configuración, pero se informó como un problema con gridjs ( https://github.com/grid-js/gridjs/issues/969 )