'How to fix an invalid mapping error with Craco
I am trying to build my project locally but I keep getting the following error:
I tried removing/reinstalling node_modules but have had no luck
Invalid mapping: {"generated":{"line":1,"column":51450},"source":"5.6db5b865.chunk.css","original":{"line":4783,"column":null},"name":null}
craco.config.js
module.exports = {
style: {
postcss: {
plugins: [require('tailwindcss'), require('autoprefixer')],
},
},
jest: {
configure: {
testPathIgnorePatterns: [
'<rootDir>/.next/',
'<rootDir>/node_modules/',
'cypress',
],
collectCoverageFrom: [
'<rootDir>/src/**/*.js',
'!<rootDir>/src/**/*.story.js',
'!<rootDir>/src/redux/store/*',
'!<rootDir>/cypress/*',
',!<rootDir>/src/**/*.spec.ts',
',!<rootDir>/src/**/*.test.ts',
'!<rootDir>/src/**/*.d.ts',
],
moduleNameMapper: {
'\\.(css|scss|sass|less)$': 'identity-obj-proxy',
'\\.(jpg|jpeg|png|gif)$': '<rootDir>/src/__mocks__/fileMock.ts',
'src/(.*)': '<rootDir>/src/$1',
'@/actions': '<rootDir>/src/redux/actions/index.tsx',
'@/middlewares': '<rootDir>/src/redux/middlewares/index.tsx',
'@/reducers': '<rootDir>/src/redux/reducers/index.tsx',
'@/selectors': '<rootDir>/src/selectors/index.tsx',
'@/pages/*': '<rootDir>/src/pages',
'@/hooks': '<rootDir>/src/hooks/index.tsx',
'@/shared-utils': '<rootDir>/src/_shared/utils/index.tsx',
'@/shared-constants': '<rootDir>/src/_shared/constants/index.tsx',
},
setupFilesAfterEnv: ['<rootDir>/jest-setup.ts'],
testEnvironment: 'jsdom',
transform: {
'^.+\\.(js|jsx|ts|tsx)$': '<rootDir>/node_modules/babel-jest',
// '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
},
},
},
};
Any help would be awesome! Thanks =]
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
