pro-mern-stack icon indicating copy to clipboard operation
pro-mern-stack copied to clipboard

Module fail to build new IssueReport table page for frontEnd

Open arrmixer opened this issue 7 years ago • 1 comments

The table for the Reports page works fine on port 8000 but not the client port 3000.

I get this on the HMR build: ` [HMR] Cannot apply update. [HMR] Error: Module build failed: SyntaxError: Unexpected token, expected } (12:67) 10 |

11 | {props.owner}

12 | {statuses.map((status, index) => (

{props.counts{status}}))} | ^ 13 |
14 | ); `

I'm using node 8 and Webpack 3.5.4 with dev-server 2.5.1. I didn't use the object-assign because that was needed for older versions of npm. I'm using 5.3 any suggestions?

On the Network tab I get a pending respond..

arrmixer avatar Sep 16 '17 22:09 arrmixer

I think I fixed the issue.. I added the NamedModulesPlugin to the webpack.server-config.js file to correct the issue.

plugins: [ new webpack.HotModuleReplacementPlugin(), new webpack.NamedModulesPlugin(), ],

It also shows you the name of which files are being updated on the console.

arrmixer avatar Sep 17 '17 11:09 arrmixer