storybook: @storybook/addon-knobs 4.0.0-alpha.20 Throw Error

Bug or support request summary

Module not found: Error: Can't resolve 'moment' in '/node_modules/react-datetime'
 @ ./node_modules/react-datetime/DateTime.js 6:10-27
 @ ./node_modules/@storybook/addon-knobs/dist/components/types/Date/index.js
 @ ./node_modules/@storybook/addon-knobs/dist/components/types/index.js
 @ ./node_modules/@storybook/addon-knobs/dist/components/Panel.js
 @ ./node_modules/@storybook/addon-knobs/dist/register.js
 @ ./node_modules/@storybook/addon-knobs/register.js
 @ ./.storybook/addons.js
 @ multi ./.storybook/addons.js ./node_modules/@storybook/react/node_modules/@storybook/core/dist/server/config/polyfills.js ./node_modules/@storybook/react/node_modules/@storybook/core/dist/client/manager/index.js

ERROR in ./node_modules/react-datetime/src/DaysView.js
Module not found: Error: Can't resolve 'moment' in '/node_modules/react-datetime/src'
 @ ./node_modules/react-datetime/src/DaysView.js 5:10-27
 @ ./node_modules/react-datetime/src/CalendarContainer.js
 @ ./node_modules/react-datetime/DateTime.js
 @ ./node_modules/@storybook/addon-knobs/dist/components/types/Date/index.js
 @ ./node_modules/@storybook/addon-knobs/dist/components/types/index.js
 @ ./node_modules/@storybook/addon-knobs/dist/components/Panel.js
 @ ./node_modules/@storybook/addon-knobs/dist/register.js
 @ ./node_modules/@storybook/addon-knobs/register.js
 @ ./.storybook/addons.js
 @ multi ./.storybook/addons.js ./node_modules/@storybook/react/node_modules/@storybook/core/dist/server/config/polyfills.js ./node_modules/@storybook/react/node_modules/@storybook/core/dist/client/manager/index.js

Please specify which version of Storybook and optionally any affected addons that you’re running

	"peerDependencies": {
		"react": "^16.5.0",
		"react-dom": "^16.5.0"
	},
	"devDependencies": {
		"@storybook/addon-a11y": "^4.0.0-alpha.20",
		"@storybook/addon-actions": "^4.0.0-alpha.20",
		"@storybook/addon-backgrounds": "^4.0.0-alpha.20",
		"@storybook/addon-info": "^4.0.0-alpha.20",
		"@storybook/addon-jest": "^4.0.0-alpha.20",
		"@storybook/addon-knobs": "^4.0.0-alpha.20",
		"@storybook/addon-notes": "^4.0.0-alpha.20",
		"@storybook/addon-options": "^4.0.0-alpha.20",
		"@storybook/addon-viewport": "^4.0.0-alpha.20",
		"@storybook/react": "^4.0.0-alpha.20",
		"babel-cli": "^6.26.0",
		"babel-core": "^6.26.3",
		"babel-preset-env": "^1.7.0",
		"babel-preset-es2015": "^6.24.1",
		"babel-preset-react": "^6.24.1",
		"css-loader": "^1.0.0",
		"enzyme": "^3.6.0",
		"enzyme-adapter-react-16": "^1.5.0",
		"file-loader": "^1.1.11",
		"html-webpack-plugin": "^3.2.0",
		"iso-morphic-style-loader": "^2.0.1",
		"jest-cli": "^23.5.0",
		"less-loader": "^4.1.0",
		"lesshint": "^5.1.0",
		"lesshint-webpack-plugin": "^0.0.4",
		"lessmore": "^1.0.3",
		"postcss-loader": "^3.0.0",
		"prop-types": "^15.6.2",
		"react-svg-loader": "^2.1.0",
		"storybook-addon-smart-knobs": "^3.3.1",
		"style-loader": "^0.22.1",
		"stylelint": "^9.5.0",
		"url-loader": "^1.1.1",
		"webpack": "^4.17.2",
		"webpack-bundle-analyzer": "^2.13.1",
		"webpack-dev-server": "^3.1.8"
	},
	"dependencies": {
		"@babel/core": "^7.0.0-rc.1",
		"@babel/preset-env": "^7.0.0-rc.1",
		"@babel/preset-react": "^7.0.0-rc.1",
		"babel-loader": "^7.1.5",
		"classnames": "^2.2.6",
		"less": "^3.8.1",
		"normalize.css": "^8.0.0",
		"npm-font-open-sans": "^1.1.0",
		"prettier": "^1.14.2",
		"react": "^16.5.0",
		"react-dom": "^16.5.0",
		"typescript": "^3.0.3",
		"webpack-cli": "^3.1.0",
		"webpack-node-externals": "^1.7.2"
	}

About this issue

  • Original URL
  • State: closed
  • Created 6 years ago
  • Reactions: 4
  • Comments: 16 (10 by maintainers)

Most upvoted comments

Who’d vote in favor of just using the browser native datepicker?

Ok, let’s remove react-datetime!

Fix is on master now

I’m wondering how much bundlesize and all we’d safe by just using the native datepicker provided by browsers…