Using the npm datatables.net-dt package; package has changed, doesn't contain necessary image files.

m-andrew-albright

My build started failing this morning (we are using webpack for build/bundle and yarn for package management).

So I check the package and all that it contains is ./package.json and ./css/jquery.dataTables.css - that's it. The CSS file is referencing some images, and those images are not included in the package anymore (this must have just changed this morning because it was building fine last night)

Here is part of the error output from webpack:

ERROR in ./~/css-loader!./~/datatables.net-dt/css/jquery.dataTables.css
Module not found: Error: Can't resolve '../images/sort_both.png' in 'C:\Users\Andrew\Documents\TwentyTwenty.QualBoard.We
\datatables.net-dt\css'
 @ ./~/css-loader!./~/datatables.net-dt/css/jquery.dataTables.css 6:1152-1186
 @ ./~/datatables.net-dt/css/jquery.dataTables.css
 @ ./src/super/management/accounts-table.js
 @ ./src ^\.\/.*$
 @ ./~/aurelia-bootstrapper-webpack/~/aurelia-loader-webpack/dist/commonjs/aurelia-loader-webpack.js
 @ ./~/aurelia-bootstrapper-webpack/dist/commonjs/aurelia-bootstrapper-webpack.js
 @ multi (webpack)-dev-server/client?http://localhost:3001 aurelia-animator-css aurelia-binding aurelia-bootstrapper-web
ependency-injection aurelia-dialog aurelia-event-aggregator aurelia-fetch-client aurelia-framework aurelia-froala-editor
ry-browser aurelia-i18n aurelia-loader-webpack aurelia-logging-console aurelia-notification aurelia-pal-browser aurelia-
lia-route-recognizer aurelia-router aurelia-templating aurelia-templating-binding aurelia-templating-resources aurelia-t
er

ERROR in ./~/css-loader!./~/datatables.net-dt/css/jquery.dataTables.css
Module not found: Error: Can't resolve '../images/sort_asc.png' in 'C:\Users\Andrew\Documents\TwentyTwenty.QualBoard.Web
datatables.net-dt\css'
 @ ./~/css-loader!./~/datatables.net-dt/css/jquery.dataTables.css 6:1263-1296
 @ ./~/datatables.net-dt/css/jquery.dataTables.css
 @ ./src/super/management/accounts-table.js
 @ ./src ^\.\/.*$
 @ ./~/aurelia-bootstrapper-webpack/~/aurelia-loader-webpack/dist/commonjs/aurelia-loader-webpack.js
 @ ./~/aurelia-bootstrapper-webpack/dist/commonjs/aurelia-bootstrapper-webpack.js
 @ multi (webpack)-dev-server/client?http://localhost:3001 aurelia-animator-css aurelia-binding aurelia-bootstrapper-web
ependency-injection aurelia-dialog aurelia-event-aggregator aurelia-fetch-client aurelia-framework aurelia-froala-editor
ry-browser aurelia-i18n aurelia-loader-webpack aurelia-logging-console aurelia-notification aurelia-pal-browser aurelia-
lia-route-recognizer aurelia-router aurelia-templating aurelia-templating-binding aurelia-templating-resources aurelia-t
er

ERROR in ./~/css-loader!./~/datatables.net-dt/css/jquery.dataTables.css
Module not found: Error: Can't resolve '../images/sort_desc.png' in 'C:\Users\Andrew\Documents\TwentyTwenty.QualBoard.We
\datatables.net-dt\css'
 @ ./~/css-loader!./~/datatables.net-dt/css/jquery.dataTables.css 6:1374-1408
 @ ./~/datatables.net-dt/css/jquery.dataTables.css
 @ ./src/super/management/accounts-table.js
 @ ./src ^\.\/.*$
 @ ./~/aurelia-bootstrapper-webpack/~/aurelia-loader-webpack/dist/commonjs/aurelia-loader-webpack.js
 @ ./~/aurelia-bootstrapper-webpack/dist/commonjs/aurelia-bootstrapper-webpack.js
 @ multi (webpack)-dev-server/client?http://localhost:3001 aurelia-animator-css aurelia-binding aurelia-bootstrapper-web
ependency-injection aurelia-dialog aurelia-event-aggregator aurelia-fetch-client aurelia-framework aurelia-froala-editor
ry-browser aurelia-i18n aurelia-loader-webpack aurelia-logging-console aurelia-notification aurelia-pal-browser aurelia-
lia-route-recognizer aurelia-router aurelia-templating aurelia-templating-binding aurelia-templating-resources aurelia-t
er

ERROR in ./~/css-loader!./~/datatables.net-dt/css/jquery.dataTables.css
Module not found: Error: Can't resolve '../images/sort_asc_disabled.png' in 'C:\Users\Andrew\Documents\TwentyTwenty.Qual
_modules\datatables.net-dt\css'
 @ ./~/css-loader!./~/datatables.net-dt/css/jquery.dataTables.css 6:1494-1536
 @ ./~/datatables.net-dt/css/jquery.dataTables.css
 @ ./src/super/management/accounts-table.js
 @ ./src ^\.\/.*$
 @ ./~/aurelia-bootstrapper-webpack/~/aurelia-loader-webpack/dist/commonjs/aurelia-loader-webpack.js
 @ ./~/aurelia-bootstrapper-webpack/dist/commonjs/aurelia-bootstrapper-webpack.js
 @ multi (webpack)-dev-server/client?http://localhost:3001 aurelia-animator-css aurelia-binding aurelia-bootstrapper-web
ependency-injection aurelia-dialog aurelia-event-aggregator aurelia-fetch-client aurelia-framework aurelia-froala-editor
ry-browser aurelia-i18n aurelia-loader-webpack aurelia-logging-console aurelia-notification aurelia-pal-browser aurelia-
lia-route-recognizer aurelia-router aurelia-templating aurelia-templating-binding aurelia-templating-resources aurelia-t
er

ERROR in ./~/css-loader!./~/datatables.net-dt/css/jquery.dataTables.css
Module not found: Error: Can't resolve '../images/sort_desc_disabled.png' in 'C:\Users\Andrew\Documents\TwentyTwenty.Qua
e_modules\datatables.net-dt\css'
 @ ./~/css-loader!./~/datatables.net-dt/css/jquery.dataTables.css 6:1623-1666
 @ ./~/datatables.net-dt/css/jquery.dataTables.css
 @ ./src/super/management/accounts-table.js
 @ ./src ^\.\/.*$
 @ ./~/aurelia-bootstrapper-webpack/~/aurelia-loader-webpack/dist/commonjs/aurelia-loader-webpack.js
 @ ./~/aurelia-bootstrapper-webpack/dist/commonjs/aurelia-bootstrapper-webpack.js
 @ multi (webpack)-dev-server/client?http://localhost:3001 aurelia-animator-css aurelia-binding aurelia-bootstrapper-web
ependency-injection aurelia-dialog aurelia-event-aggregator aurelia-fetch-client aurelia-framework aurelia-froala-editor
ry-browser aurelia-i18n aurelia-loader-webpack aurelia-logging-console aurelia-notification aurelia-pal-browser aurelia-
lia-route-recognizer aurelia-router aurelia-templating aurelia-templating-binding aurelia-templating-resources aurelia-t
er

What happened to the package? For now I can work around by aiming yarn at the github repo, but that doesn't seem like a good long-term solution.

m-andrew-albright

Actually, it appears to be a bug with yarn. I made a new directory and initialized a new npm package there, installed datatables.net-dt and I got the files I expected. Sorry for the trouble!