Tag: “apollo-boost”: “^0.4.7”

ReactNative: metro bundler is not working

Post author By Full Stack
Post date March 14, 2020
No Comments on ReactNative: metro bundler is not working

We developed with expo and needed an eject so We ejected from expo with the option to use expoKit. We heard there are two ways to run the server in this state. to build in xcode after expo start to react-native run-ios orreact-native run-android in another tab after react-native start If We run it the […]

Tags 'lint', "@babel/runtime": "^7.8.7", "@dudigital/react-native-zoomable-view": "^1.0.15", "@react-native-community/datetimepicker": "2.1.0", "android": "expo start --android", "apollo-boost": "^0.4.7", "apollo-link-context": "^1.0.19", "babel-eslint": "^10.0.3", "babel-plugin-module-resolver": "^3.2.0", "babel-preset-expo": "^8.0.0", "build:android": "expo build:android -t app-bundle", "build:ios": "expo build:ios" }, "delay": "^4.3.0", "dependencies": { "@apollo/react-hooks": "^3.1.3", "devDependencies": { "@svgr/cli": "^4.3.2", "eject": "EXPO_DEBUG=true expo eject", "eslint-cli": "^1.1.1", "eslint-config-airbnb": "^18.0.1", "eslint-import-resolver-babel-module": "^5.1.0", "eslint-plugin-import": "^2.18.2", "eslint-plugin-jsx-a11y": "^6.2.3", "eslint-plugin-react-hooks": "^1.7.0", "eslint-plugin-react": "^7.14.3", "eslint": "^6.4.0", "expo-av": "~8.0.0", "expo-blur": "^8.0.0", "expo-camera": "~8.0.0", "expo-constants": "^8.0.0", "expo-file-system": "~8.0.0", "expo-image-picker": "~8.0.1", "expo-linear-gradient": "~8.0.0", "expo-media-library": "~8.0.0", "expo-permissions": "^8.0.0", "expo": "~36.0.0", "graphql-tag": "^2.10.3", "graphql": "^14.6.0", "immer": "^3.2.0", "ios": "expo start --ios", "lint-fix": "npx eslint . --fix", "lint": "npx eslint .", "lodash": "^4.17.15", "moment": "2.24.0", "pre-commit": "^1.2.2" }, "pre-commit": [ "precommit-msg", "precommit-msg": "echo 'Pre-commits'", "private": true } Even after looking through google and react-native and expo community, "prop-types": "15.7.2", "react-dom": "^16.9.0", "react-native-dash": "0.0.11", "react-native-element": "^1.2.1", "react-native-elements": "^1.2.7", "react-native-expo-image-cache": "^4.1.0", "react-native-expo-viewport-units": "^0.0.8", "react-native-gesture-handler": "~1.5.0", "react-native-keyboard-accessory": "^0.1.10", "react-native-modal-datetime-picker": "^8.1.1", "react-native-modal-selector": "^1.1.2", "react-native-paper": "2.16.0", "react-native-picker-module": "^1.2.0", "react-native-reanimated": "^1.4.0", "react-native-screens": "2.0.0-alpha.12", "react-native-svg": "^9.13.3", "react-native-unimodules": "^0.7.0", "react-native-web": "^0.11.7" }, "react-native": "https://github.com/expo/react-native/archive/sdk-36.0.1.tar.gz", "react-navigation-animated-switch": "^0.3.1", "react-navigation-hooks": "^1.0.3", "react-navigation-material-bottom-tabs": "^2.1.1", "react-navigation-stack": "^1.5.3", "react-navigation-tabs": "^2.5.1", "react-navigation": "4.0.0", "react-number-format": "^4.3.1", "react-redux": "^7.1.1", "react": "^16.9.0", "redux-actions": "^2.6.5", "redux-persist": "^6.0.0", "redux-promise": "^0.6.0" }, "redux-saga": "^1.0.5", "redux": "^4.0.4", "reselect": "^4.0.0" }, "scripts": { "start": "expo start", "shortid": "^2.2.15", "string-format": "^2.0.0", "styled-components": "^4.3.2", "svg": "npx @svgr/cli -d assets/svgjs assets/svg --native", "web": "expo start --web", and We get the following error. We think Bundler doesn't map it properly. Here is a log of react-native start orreact-native start —reset-ca, but it doesn't load the native library properly. So We ran it the second way, but the following modules are linked manually: - @react-native-community/datetimepicker (to unlink run: "react-native unlink @react-native-, disregard this message and notify the library maintainers. Read more about autolinking: https://github.com/react-native-community/cli/blob/ma, done. To reload the app press "r" To open developer menu press "d" info Reloading app... info Opening developer menu... Error: Unable to re, DriverKit 19.0, I can't figure out how to post a question. If any information I have posted is not enough to infer, I would appreciate your comment., it will work as before, macOS 10.15, RNGestureHandler, RNReanimated, RNScreens, RNSVG. Did you forget to run "pod install" ? info Found Xcode workspace "conplus.xcworkspace" info Building (using "xcodebuild -workspace con, tvOS 13.2, watchOS 6.1 IDEs: Android Studio: 3.4 AI-183.6156.11.34.5522156 Xcode: 11.3.1/11C504 - /usr/bin/xcodebuild npmPackages: react, We developed with expo and needed an eject so We ejected from expo with the option to use expoKit. We heard there are two ways to run the ser, you can unlink this dependency via "react-native unlink " and it will be included in your app automatically. If a library isn't c

Development

Jest encountered an unexpected token – React with jest and enzyme

Post author By Full Stack
Post date March 6, 2020
No Comments on Jest encountered an unexpected token – React with jest and enzyme

tsconfig.json { “extends”: “./node_modules/pcf-scripts/tsconfig_base.json”, “compilerOptions”: { “typeRoots”: [“node_modules/@types”], “allowJs”: true, “skipLibCheck”: true, “esModuleInterop”: true, “allowSyntheticDefaultImports”: true, “forceConsistentCasingInFileNames”: true, “module”: “esnext”, “moduleResolution”: “node”, “resolveJsonModule”: true, “isolatedModules”: true, “sourceMap”: true }, “include”: [“./ConsumptionSummaryComponent/src”, “ConsumptionSummaryComponent/globals.d.ts”], “exclude”: [“./node_modules/pcf-scripts/./node_modules”] } .babelrc file { “env”: { “test”: { “plugins”: [ “@babel/plugin-transform-modules-commonjs” ] } } } Package.json { “name”: “pcf-project”, “version”: “1.0.0”, […]

Tags '^.+\\.tsx?$': 'ts-jest' }, "^.*.svg$": "/src/blank-mock.js" }, "^.+\\.jsx$": "ts-jest" }, "^style-loader.*$": "/ConsumptionSummaryComponent/src/blank-mock", "@babel/preset-env": "^7.8.4", "@common-pcf/sdk": "file:../sdk/common-pcf-sdk-1.0.0.tgz", "@graphql-codegen/introspection": "1.12.1", "@graphql-codegen/typescript-operations": "1.12.1", "@graphql-codegen/typescript-react-apollo": "1.12.1", "@graphql-codegen/typescript": "1.12.1", "@microsoft/applicationinsights-web": "^2.3.1", "@types/enzyme-adapter-react-16": "1.0.6", "@types/enzyme": "3.10.5", "@types/jest": "^25.1.1", "@types/node": "^10.12.18", "@types/powerapps-component-framework": "^1.2.0", "@types/react-dom": "^16.9.5", "@types/react": "^16.9.19", "@uifabric/fluent-theme/lib/": "@uifabric/fluent-theme/lib-commonjs/", "@uifabric/icons": "^7.3.2", "@uifabric/styling/lib/": "@uifabric/styling/lib-commonjs/", "/ConsumptionSummaryComponent/src/services/**/*.{ts, "/js/**", "allowJs": true, "allowSyntheticDefaultImports": true, "apollo-boost": "^0.4.7", "babel-jest": "^25.1.0", "babelConfig": "/ConsumptionSummaryComponent/.babelrc", "clean": "pcf-scripts clean", "collectCoverage": true, "collectCoverageFrom": [ "/ConsumptionSummaryComponent/src/components/**/*.{ts, "compilerOptions": { "typeRoots": ["node_modules/@types"], "ConsumptionSummaryComponent/globals.d.ts"], "coverageDirectory": "test-coverage", "coverageReporters": ["lcov"], "coverageThreshold": { "global": { "branches": 0, "cra-template-typescript": "^1.0.0", "dependencies": { "@apollo/react-hooks": "^3.1.3", "description": "Project containing your PowerApps Component Framework (PCF) control.", "devDependencies": { "@babel/core": "7.8.4", "diagnostics": { "ignoreCodes": [ "TS1149" ] } } }, "enzyme-adapter-react-16": "^1.15.2", "enzyme-to-json": "3.4.4", "enzyme": "^3.11.0", "esModuleInterop": true, "exclude": ["./node_modules/pcf-scripts/./node_modules"] } .babelrc file { "env": { "test": { "plugins": [ "@ba, "expose-loader\\?jQuery\\!jquery": "/ConsumptionSummaryComponent/src/blank-mock", "forceConsistentCasingInFileNames": true, "functions": 0, "globals": { "ts-jest": { "tsConfig": "tsconfig.json", "graphql-tag": "^2.10.2", "graphql": "^14.6.0", "include": ["./ConsumptionSummaryComponent/src", "isolatedModules": true, "jest": "^25.1.0", "jest": { "roots": [ "/ConsumptionSummaryComponent/src" ], "lines": 0 } }, "module": "esnext", "moduleFileExtensions": [ "ts", "moduleNameMapper": { "ts-jest": "/node_modules/ts-jest", "moduleResolution": "node", "office-ui-fabric-react": "^7.84.0", "office-ui-fabric-react/lib/": "office-ui-fabric-react/lib-commonjs/", "pcf-scripts": "^1", "pcf-start": "^1", "react-dom": "^16.12.0", "react": "^16.12.0", "rebuild": "pcf-scripts rebuild", "resolveJsonModule": true, "scripts": { "build": "pcf-scripts build", "setupFiles": [ "/ConsumptionSummaryComponent/src/setupEnzyme.ts" ], "skipLibCheck": true, "source-map-loader": "^0.2.4", "sourceMap": true, "start": "pcf-scripts start", "statements": 0 } }, "test:watch": "jest --watch" }, "test": "jest", "transform": { "^.+\\.js$": "/node_modules/babel-jest", "ts-jest": "25.1.0", "ts-loader": "^6.2.1" } } SetupEnzyme.ts import { configure } from 'enzyme'; import Adapter from 'enzyme-adapter-react-16'; configure({, "version": "1.0.0", "webpack-cli": "^3.3.10", "webpack": "^4.41.5" } }, () => { const result = shallow(); expect(result).toMatchSnapshot(); }); Error Jest encountered an, e.g. it's not plain JavaScript. By default, iconName: Enums.ProductTypeLogo.azureLogo, iconStyle: styles.AzureIcon, if Jest sees a Babel config, ignoring "node_modules". Here's what you can do: • To have some of your "node_modules" files transformed, isEnabled:true, it will use that to transform your files, json, jsx, node, order: 1 }; it("Should render the Summary component for the test Product Group Summary", productGroupName: Enums.ProductTypeName.azureProductTypeName, snapshotSerializers: ['enzyme-to-json/serializer'], testEnvironment: 'node', testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$', ts=x, tsconfig.json { "extends": "./node_modules/pcf-scripts/tsconfig_base.json", you can specify a custom "transformIgnorePatterns" in your config. • If you need a custom transformation specify a "transform" option in you