Hi. Im updating app: Meteor 2.12 + React 16 + Typescript 5
I have folder with two files StaticPage.tsx and StaticPage.css;
When i do import import StaticPage from ‘/imports/client/components/pages/StaticPage’;
i expect .tsx, but instead it imports css. Default Meteor not allowing loading css with extension. How I can achieve the same behavior. I installed all my packages from package.json and get the same error on the fresh install. There is a package.json
package.json
{
"name": "fresh-react-typescript",
"private": true,
"dependencies": {
"@babel/runtime": "^7.22.6",
"@bugsnag/js": "^7.11.0",
"@bugsnag/plugin-react": "^7.11.0",
"@date-io/moment": "^1.3.11",
"@fullcalendar/core": "^6.1.7",
"@fullcalendar/daygrid": "^6.1.7",
"@fullcalendar/interaction": "^6.1.7",
"@fullcalendar/react": "^6.1.7",
"@fullcalendar/rrule": "^6.1.7",
"@fullcalendar/timegrid": "^6.1.7",
"@gonetone/get-youtube-id-by-url": "^1.0.0",
"@material-ui/core": "^4.8.0",
"@material-ui/icons": "^4.5.1",
"@material-ui/lab": "^4.0.0-alpha.47",
"@material-ui/pickers": "^3.3.10",
"@mdi/js": "^5.0.45",
"@mdi/react": "^1.4.0",
"@tinymce/tinymce-react": "^3.10.4",
"@types/autosuggest-highlight": "^3.1.0",
"@types/d3-ease": "^1.0.9",
"@types/react-autosuggest": "^9.3.11",
"@types/react-portal": "^4.0.2",
"@u-wave/react-vimeo": "^0.9.5",
"@zoomus/websdk": "^2.13.0",
"agenda": "^3.0.0",
"autosuggest-highlight": "^3.1.1",
"axios": "^0.19.2",
"bcrypt": "^5.0.1",
"chart.js": "^4.0.1",
"chartjs-plugin-datalabels": "^2.1.0",
"classnames": "^2.2.6",
"connected-react-router": "^6.3.1",
"copy-to-clipboard": "^3.3.1",
"d3-ease": "^1.0.6",
"date-fns": "^2.9.0",
"emotion": "^10.0.7",
"fb": "^2.0.0",
"fibers": "^5.0.3",
"filefy": "^0.1.11",
"final-form": "^4.11.1",
"final-form-arrays": "^1.1.2",
"final-form-material-ui": "^0.3.0",
"formik": "^2.4.2",
"formik-material-ui": "0.0.16",
"framework-utils": "^0.3.4",
"jsdom": "^19.0.0",
"jsrsasign": "^10.5.15",
"leaflet": "^1.7.1",
"load-script": "^1.0.0",
"lodash": "^4.17.21",
"meteor-node-stubs": "^1.2.1",
"moment": "^2.29.4",
"moment-range": "^4.0.2",
"moment-timezone": "^0.5.43",
"openweather-apis": "^4.0.0",
"query-string": "^6.8.3",
"raf": "^3.4.1",
"re-resizable": "^6.1.1",
"react": "^16.14.0",
"react-autosuggest": "^9.4.3",
"react-beautiful-dnd": "^12.2.0",
"react-color": "^2.17.3",
"react-content-loader": "^6.0.3",
"react-dom": "^16.14.0",
"react-draggable": "^4.2.0",
"react-final-form": "^4.1.0",
"react-final-form-arrays": "^2.0.1",
"react-google-font-loader": "^1.1.0",
"react-h5-audio-player": "^2.4.2",
"react-hotkeys": "^2.0.0",
"react-html-parser": "^2.0.2",
"react-measure": "^2.2.4",
"react-meteor-data-with-tracker": "^0.1.2",
"react-moveable": "^0.34.2",
"react-perfect-scrollbar": "^1.5.8",
"react-portal": "^4.2.1",
"react-redux": "^7.2.9",
"react-router-dom": "^5.0.0",
"react-select": "^5.7.3",
"react-smooth-marquee": "^1.0.0",
"react-spring": "^9.2.4",
"react-yandex-maps": "^4.6.0",
"react-youtube": "^7.9.0",
"redux": "^4.2.1",
"redux-form": "^8.3.10",
"redux-form-validators": "^3.3.2",
"redux-logger": "^3.0.6",
"redux-thunk": "^2.3.0",
"rrule": "^2.6.8",
"rss-parser": "^3.9.0",
"run-p": "^0.0.0",
"scenejs": "^1.1.7",
"sendpulse-api": "^1.1.2",
"simpl-schema": "^1.5.5",
"sunrise-sunset-js": "^2.2.1",
"svgson": "^5.2.1",
"twitter": "^1.7.1",
"typesafe-actions": "^4.1.2",
"url-search-params-polyfill": "^8.1.1",
"xml-js": "^1.6.11"
},
"devDependencies": {
"@types/agenda": "^2.0.6",
"@types/jsdom": "^16.2.14",
"@types/jsrsasign": "^10.2.1",
"@types/leaflet": "^1.7.9",
"@types/lodash": "^4.14.121",
"@types/meteor": "^1.4.27",
"@types/meteor-astronomy": "^2.6.3",
"@types/meteor-publish-composite": "^0.0.36",
"@types/meteor-roles": "^1.2.31",
"@types/mocha": "^10.0.1",
"@types/node": "^12.20.55",
"@types/react": "^16.14.43",
"@types/react-color": "^3.0.1",
"@types/react-dom": "^16.8.2",
"@types/react-measure": "^2.0.5",
"@types/react-redux": "^7.0.1",
"@types/react-router-dom": "^5.1.3",
"@types/redux-logger": "^3.0.7",
"@types/simpl-schema": "^0.2.2",
"@types/tapable": "^1.0.4",
"@types/tinymce": "^4.5.23",
"@types/twit": "^2.2.22",
"@types/twitter": "^1.7.0",
"@types/youtube": "^0.0.38",
"@types/youtube-player": "^5.5.2",
"autoprefixer": "^10.4.14",
"cross-env": "^6.0.3",
"npm-run-all": "^4.1.5",
"postcss": "^8.4.24",
"postcss-flexbugs-fixes": "^4.1.0",
"postcss-load-config": "^4.0.1",
"postcss-loader": "^3.0.0",
"postcss-nested": "^4.1.2",
"postcss-preset-env": "^7.8.3",
"postcss-simple-vars": "^5.0.2",
"prettier": "^1.16.4",
"typescript": "^5.1.3"
},
"browserslist": [
"chrome >= 20",
"firefox >= 4",
"ie >= 11",
"not op_mini all"
],
"meteor": {
"mainModule": {
"client": "client/main.tsx",
"server": "server/main.ts"
}
}
}