bigcommerce
custom theme error with stencil
Expected behavior
Stencil CLI starts custom theme
Actual behavior
following error occurs: Module not found: Error: Can't resolve '../../../../static_modules/foundation-sites/js/foundation' in '/Users/thomas/bigcommerce/assets/js/theme/global' resolve '../../../../static_modules/foundation-sites/js/foundation' in '/Users/thomas/bigcommerce/assets/js/theme/global' using description file: /Users/thomas/bigcommerce/package.json (relative path: ./assets/js/theme/global) Field 'browser' doesn't contain a valid alias configuration using description file: /Users/thomas/bigcommerce/package.json (relative path: ./static_modules/foundation-sites/js/foundation) no extension Field 'browser' doesn't contain a valid alias configuration /Users/thomas/bigcommerce/static_modules/foundation-sites/js/foundation doesn't exist .wasm Field 'browser' doesn't contain a valid alias configuration /Users/thomas/bigcommerce/static_modules/foundation-sites/js/foundation.wasm doesn't exist .mjs Field 'browser' doesn't contain a valid alias configuration /Users/thomas/bigcommerce/static_modules/foundation-sites/js/foundation.mjs doesn't exist .js Field 'browser' doesn't contain a valid alias configuration /Users/thomas/bigcommerce/static_modules/foundation-sites/js/foundation.js doesn't exist .json Field 'browser' doesn't contain a valid alias configuration /Users/thomas/bigcommerce/static_modules/foundation-sites/js/foundation.json doesn't exist as directory /Users/thomas/bigcommerce/static_modules/foundation-sites/js/foundation doesn't exist /Users/thomas/bigcommerce/stencil.conf.js:35 if (stats.hasErrors()) { ^
TypeError: Cannot read property 'hasErrors' of null
at Watching.handler (/Users/thomas/bigcommerce/stencil.conf.js:35:19)
at Watching._done (/Users/thomas/bigcommerce/node_modules/webpack/lib/Watching.js:95:9)
at onCompiled (/Users/thomas/bigcommerce/node_modules/webpack/lib/Watching.js:44:26)
at /Users/thomas/bigcommerce/node_modules/webpack/lib/Compiler.js:670:21
at eval (eval at create (/Users/thomas/bigcommerce/node_modules/tapable/lib/HookCodeFactory.js:33:10),
Steps to reproduce behavior
package.json { "name": "om3", "description": "om3 Custom Theme.", "version": "1.0.0", "private": true, "author": "om3 Marketing GmbH.", "license": "MIT", "dependencies": { "@babel/polyfill": "^7.8.3", "@bigcommerce/stencil-utils": "^4.2.0", "creditcards": "^3.0.1", "easyzoom": "^2.5.2", "foundation-sites": "^5.5.3", "instafeed.js": "^1.4.1", "jquery": "^3.4.1", "jstree": "github:vakata/jstree", "lazysizes": "^5.2.0", "lodash": "^4.17.15", "magnific-popup": "^1.1.0", "nod-validate": "^2.0.12", "object-fit-images": "^3.2.4", "slick-carousel": "^1.8.1", "svg-injector": "^1.1.3", "sweetalert2": "^6.11.5" }, "devDependencies": { "@babel/core": "^7.8.4", "@babel/plugin-syntax-dynamic-import": "^7.8.3", "@babel/preset-env": "^7.8.4", "@bigcommerce/citadel": "^2.15.1", "@bigcommerce/stencil-cli": "^1.22.0", "@types/jquery": "^3.3.32", "@types/lodash": "^4.14.149", "babel-eslint": "^10.0.3", "babel-loader": "^8.0.6", "babel-plugin-lodash": "^3.3.4", "clean-webpack-plugin": "^0.1.19", "coffee-loader": "^0.9.0", "coffeescript": "1.10.0", "core-js": "^3.6.4", "eslint": "^4.8.0", "eslint-config-airbnb": "^16.0.0", "eslint-plugin-import": "^2.20.1", "eslint-plugin-jsx-a11y": "^6.2.3", "eslint-plugin-react": "^7.18.3", "expose-loader": "^0.7.5", "grunt": "^1.0.4", "grunt-cli": "^1.3.2", "grunt-eslint": "^20.0.0", "grunt-karma": "^2.0.0", "grunt-scss-lint": "^0.5.0", "grunt-svgstore": "^1.0.0", "imports-loader": "^0.7.1", "jasmine-core": "^2.2.0", "karma": "^1.7.0", "karma-babel-preprocessor": "^8.0.1", "karma-coverage": "^1.1.1", "karma-es6-shim": "^1.0.0", "karma-jasmine": "^1.1.0", "karma-phantomjs-launcher": "^1.0.4", "karma-sourcemap-loader": "0.3.7", "karma-verbose-reporter": "0.0.6", "karma-webpack": "^2.0.4", "lighthouse": "^4.3.1", "load-grunt-config": "^0.19.2", "lodash-webpack-plugin": "^0.11.2", "npx": "^10.2.2", "sticky-kit": "^1.1.3", "time-grunt": "^1.2.2", "uglifyjs-webpack-plugin": "^2.2.0", "webpack": "^4.41.6", "webpack-bundle-analyzer": "^3.6.0", "webpack-cli": "~3.1.2", "webpack-merge": "^4.2.2" }, "scripts": { "build": "npx webpack --config webpack.prod.js", "buildDev": "npx webpack --config webpack.dev.js", "lighthouse": "npx lighthouse --config-path=lighthouse-config.js --quiet --output json --chrome-flags="--headless" $URL | jq '.audits | map_values(.rawValue)'" } }
