material-remixer-remote-web
material-remixer-remote-web copied to clipboard
Guide in This Repo Produces Errors
Below is the error message I received after following the 5 step deploy process to Firebase:
> [email protected] build:dev C:\Users\josep\Programming\material-remixer-remote\material-remixer-remote-web
> mkdirp build && cross-env RMX_ENV=development webpack --progress --colors
10% building modules 0/1 modules 1 active ...r-remote-web\src\RemoteController. tsx 10% building modules 0/1 modules 1 active ...r-remote-web\src\RemoteController.tsxts-loader: Using [email protected] and C:\Users\josep\Programming\material-remixer-remote\material-remixer-remote-web\tsconfig.json
35% buildin 80% mod 88% chu 91%Hash: c39206d8b370a81f2088 Version: webpack 2.7.0 Time: 21122ms
Asset Size Chunks Chunk Names
remoteController.js 2.13 MB 0 [emitted] [big] remoteController
remoteController.js.map 2.28 MB 0 [emitted] remoteController
[9] ./~/react/react.js 56 bytes {0} [built]
[20] ./~/material-remixer/src/core/variables/Variable.ts 20.7 kB {0} [built]
[23] ./~/react/lib/React.js 5.08 kB {0} [built]
[38] ./~/material-remixer/src/core/Remixer.ts 37.7 kB {0} [built]
[39] ./~/material-remixer/src/lib/LocalStorage.ts 18.5 kB {0} [built]
[63] ./~/material-remixer/src/core/variables/BooleanVariable.ts 12.4 kB {0} [built]
[99] ./~/style-loader/addStyles.js 8.51 kB {0} [built]
**[103] ./~/material-remixer/src/ui/OverlayController.tsx 22 kB {0} [built] [2 errors]**
[104] ./src/PageLayout.tsx 3.66 kB {0} [built]
[105] ./~/react-dom/index.js 59 bytes {0} [built]
[106] ./~/material-remixer/src/ui/styles/overlay.less 1 kB {0} [built]
[131] ./~/material-remixer/src/ui/templates/overlay_iframe.html 1.59 kB {0} [built]
[133] ./~/material-remixer/src/lib/Remote.ts 31 kB {0} [built]
[135] ./~/material-remixer/src/ui/OverlayVariables.tsx 14.9 kB {0} [built]
[142] ./src/RemoteController.tsx 14.6 kB {0} [built]
+ 222 hidden modules
ERROR in ./~/material-remixer/src/ui/controls/DropdownControl.tsx
(67,13): error TS2339: Property 'htmlFor' does not exist on type 'DetailedHTMLPr ops<HTMLAttributes<HTMLUListElement>, HTMLUListElement>'.
ERROR in ./~/material-remixer/src/ui/OverlayController.tsx
(127,11): error TS2605: JSX element type 'OverlayShareMenu' is not a constructor function for JSX elements.
Types of property 'setState' are incompatible.
Type '{ <K extends never>(f: (prevState: void, props: IOverlayShareMenuProps ) => Pick<void, K>, callbac...' is not assignable to type '{ <K extends never>(f : (prevState: {}, props: any) => Pick<{}, K>, callback?: () => any): void; <...' .
Types of parameters 'f' and 'f' are incompatible.
Types of parameters 'prevState' and 'prevState' are incompatible.
Type 'void' is not assignable to type '{}'.
ERROR in ./~/material-remixer/src/ui/OverlayController.tsx
(137,11): error TS2605: JSX element type 'OverlayVariables' is not a constructor function for JSX elements.
Types of property 'setState' are incompatible.
Type '{ <K extends never>(f: (prevState: void, props: IOverlayVariableProps) => Pick<void, K>, callback...' is not assignable to type '{ <K extends never>(f : (prevState: {}, props: any) => Pick<{}, K>, callback?: () => any): void; <...' .
Types of parameters 'f' and 'f' are incompatible.
Types of parameters 'prevState' and 'prevState' are incompatible.
Type 'void' is not assignable to type '{}'.
ERROR in C:\Users\josep\Programming\material-remixer-remote\material-remixer-rem ote-web\src\__tests__\RemoteController_test.tsx
(21,7): error TS2605: JSX element type 'TextFieldControl' is not a constructor f unction for JSX elements.
Types of property 'setState' are incompatible.
Type '{ <K extends never>(f: (prevState: void, props: IStringControlProps) = > Pick<void, K>, callback?:...' is not assignable to type '{ <K extends never>(f : (prevState: {}, props: any) => Pick<{}, K>, callback?: () => any): void; <...' .
Types of parameters 'f' and 'f' are incompatible.
Types of parameters 'prevState' and 'prevState' are incompatible.
Type 'void' is not assignable to type '{}'.
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] build:dev: `mkdirp build && cross-env RMX_ENV=development webpack --progress --colors`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] build:dev script.
npm ERR! This is probably not a problem with npm. There is likely additional log ging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\josep\AppData\Roaming\npm-cache\_logs\2017-08-08T21_13_57_ 480Z-debug.log
ERROR: "build:dev" exited with 2.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: `npm-run-all --parallel build: dev build:prod`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional log ging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\josep\AppData\Roaming\npm-cache\_logs\2017-08-08T21_13_57_ 781Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dist: `npm run clean && npm run build && npm run copy`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dist script.
npm ERR! This is probably not a problem with npm. There is likely additional log ging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\josep\AppData\Roaming\npm-cache\_logs\2017-08-08T21_13_57_ 828Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] deploy: `npm run dist && firebase dep loy "--project=material-remixer"`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] deploy script.
npm ERR! This is probably not a problem with npm. There is likely additional log ging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\josep\AppData\Roaming\npm-cache\_logs\2017-08-08T21_13_57_ 868Z-debug.log
I highlighted the build:dev script which produced 2 errors during webpack bundling.
@heircompany Did you get solution for this? I am too facing same issue :(