### Describe the bug Have an Angular 14.3.0 component library following the usual Angular workspace folder structure. On a separate ticket, I reported that `npx storybook@next init` assumed my project was an app and not a library and therefore didn't see the tsconfig.lib.json, etc. Know that issue is being addressed with a different template for Angular component libraries. I am also running into issues getting my project to use simple documentation-only MDX files from another package in my repo. I am trying to load the same MDX files that my other packages for react, svelte, vue and html load without issues. Here is projects/charts-angular/.storybook/main.ts... ```ts import type { StorybookConfig } from '@storybook/angular' const config: StorybookConfig = { stories: [ '../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)' ], addons: [ { name: '@storybook/addon-essentials', options: { actions: false, backgrounds: false, controls: true, docs: false, viewport: false, toolbars: true, measure: false, outline: false } } ], framework: { name: '@storybook/angular', options: {} }, docs: { autodocs: 'tag' }, staticDirs: ['assets'], features: { storyStoreV7: false } } export default config ``` Here's a sample MDX file from `${coreStories}/getting-started/angular.stories.mdx`... ``` import { Meta } from '@storybook/blocks' # All about Angular ...More text but no components. ``` When I do a build, I get one error for each MDX doc file. I'm wondering whether the failed setup for my component library somehow affected Webpack's ability to process MDX files. As I'm using Angular `ng build`, I don't really have a separate webpack config (all under the covers). There's an additional error at the end... ``` ModuleParseError: Module parse failed: Unexpected token (3:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | import { Meta } from '@storybook/blocks' | > | | # Carbon Charts - Angular at handleParseError (/Users/nates/dev/carbon-charts/node_modules/@storybook/angular/node_modules/webpack/lib/NormalModule.js:741:23) at /Users/nates/dev/carbon-charts/node_modules/@storybook/angular/node_modules/webpack/lib/NormalModule.js:843:9 at processResult (/Users/nates/dev/carbon-charts/node_modules/@storybook/angular/node_modules/webpack/lib/NormalModule.js:597:14) at /Users/nates/dev/carbon-charts/node_modules/@storybook/angular/node_modules/webpack/lib/NormalModule.js:646:9 at /Users/nates/dev/carbon-charts/node_modules/loader-runner/lib/LoaderRunner.js:368:5 at iterateNormalLoaders (/Users/nates/dev/carbon-charts/node_modules/loader-runner/lib/LoaderRunner.js:213:12) at /Users/nates/dev/carbon-charts/node_modules/loader-runner/lib/LoaderRunner.js:205:7 at /Users/nates/dev/carbon-charts/node_modules/@storybook/angular/node_modules/webpack/lib/NormalModule.js:626:20 at Array.eval (eval at create (/Users/nates/dev/carbon-charts/node_modules/tapable/lib/HookCodeFactory.js:28:14), :12:1) at runCallbacks (/Users/nates/dev/carbon-charts/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:18:17) at /Users/nates/dev/carbon-charts/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:149:7 at /Users/nates/dev/carbon-charts/node_modules/graceful-fs/graceful-fs.js:123:16 at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) ``` As these MDX files work ok with all my other packages (all are Storybook 7.0.0-rc.5), there are two main differences: 1. This package is an Angular component library. The others are React, Sveltekit, HTML, and Vue. 2. Probably most importantly... `npx storybook@next init` had issues with this project because it's a library and not an app. I'm thinking that something may be messed up with the configuration for this package more than anything else. To be thorough... this is the webpack config being generated... ``` { "name": "preview", "mode": "production", "bail": true, "devtool": "cheap-module-source-map", "entry": ["/Users/nates/dev/carbon-charts/packages/charts-angular/storybook-init-renderer-entry.js", "/Users/nates/dev/carbon-charts/node_modules/@storybook/angular/dist/client/docs/config-generated-config-entry.js", "/Users/nates/dev/carbon-charts/node_modules/@storybook/angular/dist/client/config.js-generated-config-entry.js", "/Users/nates/dev/carbon-charts/node_modules/@storybook/addon-essentials/dist/highlight/preview.mjs-generated-config-entry.js", "/Users/nates/dev/carbon-charts/packages/charts-angular/projects/charts-angular/.storybook/preview.ts-generated-config-entry.js", "/Users/nates/dev/carbon-charts/packages/charts-angular/generated-stories-entry.cjs"], "output": { "path": "/Users/nates/dev/carbon-charts/packages/charts-angular/demo/bundle", "filename": "[name].[contenthash:8].iframe.bundle.js", "publicPath": "" }, "stats": { "preset": "none", "logging": "error" }, "watchOptions": { "ignored": {} }, "externals": { "@storybook/addons": "__STORYBOOK_MODULE_ADDONS__", "@storybook/channel-postmessage": "__STORYBOOK_MODULE_CHANNEL_POSTMESSAGE__", "@storybook/channel-websocket": "__STORYBOOK_MODULE_CHANNEL_WEBSOCKET__", "@storybook/channels": "__STORYBOOK_MODULE_CHANNELS__", "@storybook/client-api": "__STORYBOOK_MODULE_CLIENT_API__", "@storybook/client-logger": "__STORYBOOK_MODULE_CLIENT_LOGGER__", "@storybook/core-client": "__STORYBOOK_MODULE_CORE_CLIENT__", "@storybook/core-events": "__STORYBOOK_MODULE_CORE_EVENTS__", "@storybook/preview-web": "__STORYBOOK_MODULE_PREVIEW_WEB__", "@storybook/preview-api": "__STORYBOOK_MODULE_PREVIEW_API__", "@storybook/store": "__STORYBOOK_MODULE_STORE__" }, "ignoreWarnings": [{ "message": {} }, { "message": {} }], "plugins": [{}, { "options": {}, "modules": {} }, { "fileDependencies": {}, "requiredFilesToEmit": {}, "requiredFilesToEmitCache": {}, "fileEmitHistory": {}, "pluginOptions": { "emitClassMetadata": false, "emitNgModuleScope": true, "jitMode": true, "fileReplacements": {}, "substitutions": {}, "directTemplateLoading": true, "tsconfig": "/Users/nates/dev/carbon-charts/packages/charts-angular/projects/charts-angular/.storybook/tsconfig.json", "compilerOptions": { "sourceMap": false, "declaration": false, "declarationMap": false, "preserveSymlinks": false }, "inlineStyleFileExtension": "css" } }, { "budgets": [] }, {}, { "_sortedModulesCache": {}, "options": { "filename": "[name].css", "ignoreOrder": false, "runtime": true, "chunkFilename": "[name].css" }, "runtimeOptions": { "linkType": "text/css" } }, {}, {}, { "_compiler": null, "_watcher": null, "_staticModules": { "/Users/nates/dev/carbon-charts/packages/charts-angular/storybook-init-renderer-entry.js": "import '@storybook/angular';", "/Users/nates/dev/carbon-charts/node_modules/@storybook/angular/dist/client/docs/config-generated-config-entry.js": "/* eslint-disable import/no-unresolved */\nimport {\n addDecorator,\n addParameters,\n addLoader,\n addArgs,\n addArgTypes,\n addStepRunner,\n addArgsEnhancer,\n addArgTypesEnhancer,\n setGlobalRender,\n} from '@storybook/preview-api';\nimport * as previewAnnotations from '/Users/nates/dev/carbon-charts/node_modules/@storybook/angular/dist/client/docs/config';\n\nconst config = previewAnnotations.default ?? previewAnnotations;\n\nObject.keys(config).forEach((key) => {\n const value = config[key];\n switch (key) {\n case 'args': {\n return addArgs(value);\n }\n case 'argTypes': {\n return addArgTypes(value);\n }\n case 'decorators': {\n return value.forEach((decorator) => addDecorator(decorator, false));\n }\n case 'loaders': {\n return value.forEach((loader) => addLoader(loader, false));\n }\n case 'parameters': {\n return addParameters({ ...value }, false);\n }\n case 'argTypesEnhancers': {\n return value.forEach((enhancer) => addArgTypesEnhancer(enhancer));\n }\n case 'argsEnhancers': {\n return value.forEach((enhancer) => addArgsEnhancer(enhancer));\n }\n case 'render': {\n return setGlobalRender(value);\n }\n case 'globals':\n case 'globalTypes': {\n const v = {};\n v[key] = value;\n return addParameters(v, false);\n }\n case '__namedExportsOrder':\n case 'decorateStory':\n case 'renderToDOM': // deprecated\n case 'renderToCanvas': {\n return null; // This key is not handled directly in v6 mode.\n }\n case 'runStep': {\n return addStepRunner(value);\n }\n default: {\n return console.log(\n `Unknown key '${key}' exported by preview annotation file '/Users/nates/dev/carbon-charts/node_modules/@storybook/angular/dist/client/docs/config'`\n );\n }\n }\n});\n", "/Users/nates/dev/carbon-charts/node_modules/@storybook/angular/dist/client/config.js-generated-config-entry.js": "/* eslint-disable import/no-unresolved */\nimport {\n addDecorator,\n addParameters,\n addLoader,\n addArgs,\n addArgTypes,\n addStepRunner,\n addArgsEnhancer,\n addArgTypesEnhancer,\n setGlobalRender,\n} from '@storybook/preview-api';\nimport * as previewAnnotations from '/Users/nates/dev/carbon-charts/node_modules/@storybook/angular/dist/client/config.js';\n\nconst config = previewAnnotations.default ?? previewAnnotations;\n\nObject.keys(config).forEach((key) => {\n const value = config[key];\n switch (key) {\n case 'args': {\n return addArgs(value);\n }\n case 'argTypes': {\n return addArgTypes(value);\n }\n case 'decorators': {\n return value.forEach((decorator) => addDecorator(decorator, false));\n }\n case 'loaders': {\n return value.forEach((loader) => addLoader(loader, false));\n }\n case 'parameters': {\n return addParameters({ ...value }, false);\n }\n case 'argTypesEnhancers': {\n return value.forEach((enhancer) => addArgTypesEnhancer(enhancer));\n }\n case 'argsEnhancers': {\n return value.forEach((enhancer) => addArgsEnhancer(enhancer));\n }\n case 'render': {\n return setGlobalRender(value);\n }\n case 'globals':\n case 'globalTypes': {\n const v = {};\n v[key] = value;\n return addParameters(v, false);\n }\n case '__namedExportsOrder':\n case 'decorateStory':\n case 'renderToDOM': // deprecated\n case 'renderToCanvas': {\n return null; // This key is not handled directly in v6 mode.\n }\n case 'runStep': {\n return addStepRunner(value);\n }\n default: {\n return console.log(\n `Unknown key '${key}' exported by preview annotation file '/Users/nates/dev/carbon-charts/node_modules/@storybook/angular/dist/client/config.js'`\n );\n }\n }\n});\n", "/Users/nates/dev/carbon-charts/node_modules/@storybook/addon-essentials/dist/highlight/preview.mjs-generated-config-entry.js": "/* eslint-disable import/no-unresolved */\nimport {\n addDecorator,\n addParameters,\n addLoader,\n addArgs,\n addArgTypes,\n addStepRunner,\n addArgsEnhancer,\n addArgTypesEnhancer,\n setGlobalRender,\n} from '@storybook/preview-api';\nimport * as previewAnnotations from '/Users/nates/dev/carbon-charts/node_modules/@storybook/addon-essentials/dist/highlight/preview.mjs';\n\nconst config = previewAnnotations.default ?? previewAnnotations;\n\nObject.keys(config).forEach((key) => {\n const value = config[key];\n switch (key) {\n case 'args': {\n return addArgs(value);\n }\n case 'argTypes': {\n return addArgTypes(value);\n }\n case 'decorators': {\n return value.forEach((decorator) => addDecorator(decorator, false));\n }\n case 'loaders': {\n return value.forEach((loader) => addLoader(loader, false));\n }\n case 'parameters': {\n return addParameters({ ...value }, false);\n }\n case 'argTypesEnhancers': {\n return value.forEach((enhancer) => addArgTypesEnhancer(enhancer));\n }\n case 'argsEnhancers': {\n return value.forEach((enhancer) => addArgsEnhancer(enhancer));\n }\n case 'render': {\n return setGlobalRender(value);\n }\n case 'globals':\n case 'globalTypes': {\n const v = {};\n v[key] = value;\n return addParameters(v, false);\n }\n case '__namedExportsOrder':\n case 'decorateStory':\n case 'renderToDOM': // deprecated\n case 'renderToCanvas': {\n return null; // This key is not handled directly in v6 mode.\n }\n case 'runStep': {\n return addStepRunner(value);\n }\n default: {\n return console.log(\n `Unknown key '${key}' exported by preview annotation file '/Users/nates/dev/carbon-charts/node_modules/@storybook/addon-essentials/dist/highlight/preview.mjs'`\n );\n }\n }\n});\n", "/Users/nates/dev/carbon-charts/packages/charts-angular/projects/charts-angular/.storybook/preview.ts-generated-config-entry.js": "/* eslint-disable import/no-unresolved */\nimport {\n addDecorator,\n addParameters,\n addLoader,\n addArgs,\n addArgTypes,\n addStepRunner,\n addArgsEnhancer,\n addArgTypesEnhancer,\n setGlobalRender,\n} from '@storybook/preview-api';\nimport * as previewAnnotations from '/Users/nates/dev/carbon-charts/packages/charts-angular/projects/charts-angular/.storybook/preview.ts';\n\nconst config = previewAnnotations.default ?? previewAnnotations;\n\nObject.keys(config).forEach((key) => {\n const value = config[key];\n switch (key) {\n case 'args': {\n return addArgs(value);\n }\n case 'argTypes': {\n return addArgTypes(value);\n }\n case 'decorators': {\n return value.forEach((decorator) => addDecorator(decorator, false));\n }\n case 'loaders': {\n return value.forEach((loader) => addLoader(loader, false));\n }\n case 'parameters': {\n return addParameters({ ...value }, false);\n }\n case 'argTypesEnhancers': {\n return value.forEach((enhancer) => addArgTypesEnhancer(enhancer));\n }\n case 'argsEnhancers': {\n return value.forEach((enhancer) => addArgsEnhancer(enhancer));\n }\n case 'render': {\n return setGlobalRender(value);\n }\n case 'globals':\n case 'globalTypes': {\n const v = {};\n v[key] = value;\n return addParameters(v, false);\n }\n case '__namedExportsOrder':\n case 'decorateStory':\n case 'renderToDOM': // deprecated\n case 'renderToCanvas': {\n return null; // This key is not handled directly in v6 mode.\n }\n case 'runStep': {\n return addStepRunner(value);\n }\n default: {\n return console.log(\n `Unknown key '${key}' exported by preview annotation file '/Users/nates/dev/carbon-charts/packages/charts-angular/projects/charts-angular/.storybook/preview.ts'`\n );\n }\n }\n});\n", "/Users/nates/dev/carbon-charts/packages/charts-angular/generated-stories-entry.cjs": "const { configure } = require('@storybook/angular');\n\nconfigure([require.context('./projects/charts-angular/src', true, /^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.mdx)$/),require.context('./projects/charts-angular/src', true, /^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$/),require.context('../charts/stories/tutorials', false, /^\\.[\\\\/](?:(?=.)(?:(?!(?:0-api))[^/]*?)[^/]*?\\.stories\\.mdx)$/),require.context('../charts/stories/getting-started', false, /^\\.[\\\\/](?:angular\\.stories\\.mdx)$/)], module, false);\n" } }, { "userOptions": { "filename": "iframe.html", "chunksSortMode": "none", "alwaysWriteToDisk": true, "inject": false, "template": "/Users/nates/dev/carbon-charts/node_modules/@storybook/angular/node_modules/@storybook/builder-webpack5/templates/preview.ejs", "templateParameters": { "version": "7.0.0-rc.5", "globals": { "CONFIG_TYPE": "PRODUCTION", "LOGLEVEL": "info", "FRAMEWORK_OPTIONS": {}, "FEATURES": { "warnOnLegacyHierarchySeparator": true, "buildStoriesJson": false, "storyStoreV7": false, "breakingChangesV7": true, "argTypeTargetsV7": true, "legacyDecoratorFileOrder": false }, "STORIES": [{ "titlePrefix": "", "directory": "./projects/charts-angular/src", "files": "**/*.mdx", "importPathMatcher": "^\\.[\\\\/](?:projects\\/charts-angular\\/src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.mdx)$" }, { "titlePrefix": "", "directory": "./projects/charts-angular/src", "files": "**/*.stories.@(js|jsx|ts|tsx)", "importPathMatcher": "^\\.[\\\\/](?:projects\\/charts-angular\\/src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$" }, { "titlePrefix": "", "directory": "../charts/stories/tutorials", "files": "!(0-api)*.stories.mdx", "importPathMatcher": "^(?:\\.\\.\\/charts\\/stories\\/tutorials\\/(?:(?!(?:0-api))[^/]*?)[^/]*?\\.stories\\.mdx)$" }, { "titlePrefix": "", "directory": "../charts/stories/getting-started", "files": "angular.stories.mdx", "importPathMatcher": "^(?:\\.\\.\\/charts\\/stories\\/getting-started\\/angular\\.stories\\.mdx)$" }], "DOCS_OPTIONS": { "autodocs": "tag" } }, "headHtmlSnippet": "\n\n\n\n\n\n\n", "bodyHtmlSnippet": "

\n\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

Name	Description	Default
propertyName*	\n This is a short description \n \n summary \n \n	\n defaultValue \n
propertyName*	\n This is a short description \n \n summary \n \n	\n defaultValue \n
propertyName*	\n This is a short description \n \n summary \n \n	\n defaultValue \n

\n\n

No Preview

Sorry, but you either have no stories or none are selected somehow.

Please check the Storybook config.
Try reloading the page.

\n If the problem persists, check the browser console, or the terminal you've run Storybook from.\n

\n\n

\n" }, "minify": { "collapseWhitespace": true, "removeComments": true, "removeRedundantAttributes": true, "removeScriptTypeAttributes": false, "removeStyleLinkTypeAttributes": true, "useShortDoctype": true } }, "version": 5 }, { "definitions": { "process.env.NODE_ENV": "\"production\"", "process.env.NODE_PATH": "[]", "process.env.STORYBOOK": "\"true\"", "process.env.PUBLIC_URL": "\".\"" } }, { "definitions": { "process": "/Users/nates/dev/carbon-charts/node_modules/process/browser.js" } }, { "options": {}, "logger": {}, "pathCache": {}, "fsOperations": 0, "primed": false }, {}], "module": { "rules": [{ "test": {}, "resourceQuery": {}, "type": "asset/source" }, { "test": {}, "sideEffects": true }, { "test": {}, "resolve": { "fullySpecified": false }, "exclude": [{}], "use": [{ "loader": "/Users/nates/dev/carbon-charts/node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js", "options": { "cacheDirectory": "/Users/nates/dev/carbon-charts/packages/charts-angular/.angular/cache/14.2.11/babel-webpack", "scriptTarget": 9, "aot": false, "optimize": false, "supportedBrowsers": ["and_chr 111", "and_ff 110", "and_qq 13.1", "and_uc 13.4", "android 111", "baidu 13.18", "bb 10", "bb 7", "chrome 111", "chrome 110", "chrome 109", "edge 111", "edge 110", "edge 109", "firefox 111", "firefox 110", "firefox 109", "ie 11", "ie 10", "ie_mob 11", "ie_mob 10", "ios_saf 16.3", "ios_saf 16.2", "ios_saf 16.1", "ios_saf 16.0", "ios_saf 15.6", "kaios 3.0-3.1", "kaios 2.5", "op_mini all", "op_mob 73", "op_mob 12.1", "opera 95", "opera 94", "safari 16.3", "safari 16.2", "samsung 20", "samsung 19.0"] } }] }, { "test": {}, "loader": "/Users/nates/dev/carbon-charts/node_modules/@ngtools/webpack/src/ivy/index.js", "exclude": [{}] }, { "test": {}, "rules": [{ "oneOf": [{ "use": [{ "loader": "/Users/nates/dev/carbon-charts/node_modules/mini-css-extract-plugin/dist/loader.js" }, { "loader": "/Users/nates/dev/carbon-charts/node_modules/css-loader/dist/cjs.js", "options": { "url": false, "sourceMap": false } }, { "loader": "/Users/nates/dev/carbon-charts/node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js", "options": { "sourceMap": false } }], "include": [], "resourceQuery": { "not": [{}] } }, { "use": [{ "loader": "/Users/nates/dev/carbon-charts/node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js", "options": {} }], "type": "asset/source", "resourceQuery": {} }] }, { "use": [] }] }, { "test": {}, "rules": [{ "oneOf": [{ "use": [{ "loader": "/Users/nates/dev/carbon-charts/node_modules/mini-css-extract-plugin/dist/loader.js" }, { "loader": "/Users/nates/dev/carbon-charts/node_modules/css-loader/dist/cjs.js", "options": { "url": false, "sourceMap": false } }, { "loader": "/Users/nates/dev/carbon-charts/node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js", "options": { "sourceMap": false } }], "include": [], "resourceQuery": { "not": [{}] } }, { "use": [{ "loader": "/Users/nates/dev/carbon-charts/node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js", "options": {} }], "type": "asset/source", "resourceQuery": {} }] }, { "use": [{ "loader": "/Users/nates/dev/carbon-charts/node_modules/resolve-url-loader/index.js", "options": { "sourceMap": false } }, { "loader": "/Users/nates/dev/carbon-charts/node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js", "options": { "implementation": { "workers": [], "availableWorkers": [], "requests": {}, "idCounter": 1, "nextWorkerIndex": 0 }, "sourceMap": true, "sassOptions": { "fiber": false, "precision": 8, "includePaths": [], "outputStyle": "expanded", "quietDeps": true } } }] }] }, { "test": {}, "rules": [{ "oneOf": [{ "use": [{ "loader": "/Users/nates/dev/carbon-charts/node_modules/mini-css-extract-plugin/dist/loader.js" }, { "loader": "/Users/nates/dev/carbon-charts/node_modules/css-loader/dist/cjs.js", "options": { "url": false, "sourceMap": false } }, { "loader": "/Users/nates/dev/carbon-charts/node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js", "options": { "sourceMap": false } }], "include": [], "resourceQuery": { "not": [{}] } }, { "use": [{ "loader": "/Users/nates/dev/carbon-charts/node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js", "options": {} }], "type": "asset/source", "resourceQuery": {} }] }, { "use": [{ "loader": "/Users/nates/dev/carbon-charts/node_modules/resolve-url-loader/index.js", "options": { "sourceMap": false } }, { "loader": "/Users/nates/dev/carbon-charts/node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js", "options": { "implementation": { "workers": [], "availableWorkers": [], "requests": {}, "idCounter": 1, "nextWorkerIndex": 0 }, "sourceMap": true, "sassOptions": { "fiber": false, "indentedSyntax": true, "precision": 8, "includePaths": [], "outputStyle": "expanded", "quietDeps": true } } }] }] }, { "test": {}, "rules": [{ "oneOf": [{ "use": [{ "loader": "/Users/nates/dev/carbon-charts/node_modules/mini-css-extract-plugin/dist/loader.js" }, { "loader": "/Users/nates/dev/carbon-charts/node_modules/css-loader/dist/cjs.js", "options": { "url": false, "sourceMap": false } }, { "loader": "/Users/nates/dev/carbon-charts/node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js", "options": { "sourceMap": false } }], "include": [], "resourceQuery": { "not": [{}] } }, { "use": [{ "loader": "/Users/nates/dev/carbon-charts/node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js", "options": {} }], "type": "asset/source", "resourceQuery": {} }] }, { "use": [{ "loader": "/Users/nates/dev/carbon-charts/node_modules/less-loader/dist/cjs.js", "options": { "implementation": { "mixin": {}, "lesscHelper": {}, "fs": { "F_OK": 0, "R_OK": 4, "W_OK": 2, "X_OK": 1, "constants": { "UV_FS_SYMLINK_DIR": 1, "UV_FS_SYMLINK_JUNCTION": 2, "O_RDONLY": 0, "O_WRONLY": 1, "O_RDWR": 2, "UV_DIRENT_UNKNOWN": 0, "UV_DIRENT_FILE": 1, "UV_DIRENT_DIR": 2, "UV_DIRENT_LINK": 3, "UV_DIRENT_FIFO": 4, "UV_DIRENT_SOCKET": 5, "UV_DIRENT_CHAR": 6, "UV_DIRENT_BLOCK": 7, "S_IFMT": 61440, "S_IFREG": 32768, "S_IFDIR": 16384, "S_IFCHR": 8192, "S_IFBLK": 24576, "S_IFIFO": 4096, "S_IFLNK": 40960, "S_IFSOCK": 49152, "O_CREAT": 512, "O_EXCL": 2048, "UV_FS_O_FILEMAP": 0, "O_NOCTTY": 131072, "O_TRUNC": 1024, "O_APPEND": 8, "O_DIRECTORY": 1048576, "O_NOFOLLOW": 256, "O_SYNC": 128, "O_DSYNC": 4194304, "O_SYMLINK": 2097152, "O_NONBLOCK": 4, "S_IRWXU": 448, "S_IRUSR": 256, "S_IWUSR": 128, "S_IXUSR": 64, "S_IRWXG": 56, "S_IRGRP": 32, "S_IWGRP": 16, "S_IXGRP": 8, "S_IRWXO": 7, "S_IROTH": 4, "S_IWOTH": 2, "S_IXOTH": 1, "F_OK": 0, "R_OK": 4, "W_OK": 2, "X_OK": 1, "UV_FS_COPYFILE_EXCL": 1, "COPYFILE_EXCL": 1, "UV_FS_COPYFILE_FICLONE": 2, "COPYFILE_FICLONE": 2, "UV_FS_COPYFILE_FICLONE_FORCE": 4, "COPYFILE_FICLONE_FORCE": 4 }, "promises": { "constants": { "UV_FS_SYMLINK_DIR": 1, "UV_FS_SYMLINK_JUNCTION": 2, "O_RDONLY": 0, "O_WRONLY": 1, "O_RDWR": 2, "UV_DIRENT_UNKNOWN": 0, "UV_DIRENT_FILE": 1, "UV_DIRENT_DIR": 2, "UV_DIRENT_LINK": 3, "UV_DIRENT_FIFO": 4, "UV_DIRENT_SOCKET": 5, "UV_DIRENT_CHAR": 6, "UV_DIRENT_BLOCK": 7, "S_IFMT": 61440, "S_IFREG": 32768, "S_IFDIR": 16384, "S_IFCHR": 8192, "S_IFBLK": 24576, "S_IFIFO": 4096, "S_IFLNK": 40960, "S_IFSOCK": 49152, "O_CREAT": 512, "O_EXCL": 2048, "UV_FS_O_FILEMAP": 0, "O_NOCTTY": 131072, "O_TRUNC": 1024, "O_APPEND": 8, "O_DIRECTORY": 1048576, "O_NOFOLLOW": 256, "O_SYNC": 128, "O_DSYNC": 4194304, "O_SYMLINK": 2097152, "O_NONBLOCK": 4, "S_IRWXU": 448, "S_IRUSR": 256, "S_IWUSR": 128, "S_IXUSR": 64, "S_IRWXG": 56, "S_IRGRP": 32, "S_IWGRP": 16, "S_IXGRP": 8, "S_IRWXO": 7, "S_IROTH": 4, "S_IWOTH": 2, "S_IXOTH": 1, "F_OK": 0, "R_OK": 4, "W_OK": 2, "X_OK": 1, "UV_FS_COPYFILE_EXCL": 1, "COPYFILE_EXCL": 1, "UV_FS_COPYFILE_FICLONE": 2, "COPYFILE_FICLONE": 2, "UV_FS_COPYFILE_FICLONE_FORCE": 4, "COPYFILE_FICLONE_FORCE": 4 } } }, "options": { "javascriptEnabled": false, "depends": false, "compress": false, "lint": false, "paths": [], "color": true, "strictImports": false, "insecure": false, "rootpath": "", "rewriteUrls": false, "math": 1, "strictUnits": false, "globalVars": null, "modifyVars": null, "urlArgs": "" } }, "sourceMap": false, "lessOptions": { "javascriptEnabled": true, "paths": [] } } }] }] }, { "test": {}, "rules": [{ "oneOf": [{ "use": [{ "loader": "/Users/nates/dev/carbon-charts/node_modules/mini-css-extract-plugin/dist/loader.js" }, { "loader": "/Users/nates/dev/carbon-charts/node_modules/css-loader/dist/cjs.js", "options": { "url": false, "sourceMap": false } }, { "loader": "/Users/nates/dev/carbon-charts/node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js", "options": { "sourceMap": false } }], "include": [], "resourceQuery": { "not": [{}] } }, { "use": [{ "loader": "/Users/nates/dev/carbon-charts/node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js", "options": {} }], "type": "asset/source", "resourceQuery": {} }] }, { "use": [{ "loader": "/Users/nates/dev/carbon-charts/node_modules/stylus-loader/dist/cjs.js", "options": { "sourceMap": false, "stylusOptions": { "compress": false, "sourceMap": { "comment": false }, "paths": [] } } }] }] }, { "test": {}, "type": "javascript/auto" }, { "test": {}, "resolve": { "fullySpecified": false } }, { "test": {}, "use": [{ "loader": "/Users/nates/dev/carbon-charts/node_modules/@storybook/angular/node_modules/babel-loader/lib/index.js", "options": { "cacheDirectory": "/Users/nates/dev/carbon-charts/packages/charts-angular/node_modules/.cache/storybook/babel", "overrides": [{ "test": {}, "plugins": ["/Users/nates/dev/carbon-charts/node_modules/babel-plugin-named-exports-order/index.js"] }] } }], "include": ["/Users/nates/dev/carbon-charts"], "exclude": {} }, { "test": {}, "type": "asset/source" }, { "test": {}, "type": "asset/resource", "generator": { "filename": "static/media/[name].[contenthash:8][ext]" } }, { "test": {}, "type": "asset", "parser": { "dataUrlCondition": { "maxSize": 10000 } }, "generator": { "filename": "static/media/[name].[contenthash:8][ext]" } }, { "resourceQuery": {}, "type": "asset/source" }] }, "resolve": { "extensions": [".mjs", ".js", ".jsx", ".ts", ".tsx", ".json", ".cjs"], "modules": ["node_modules", "/Users/nates/dev/carbon-charts/packages/charts-angular"], "mainFields": ["es2015_ivy_ngcc", "module_ivy_ngcc", "main_ivy_ngcc", "es2015", "browser", "module", "main"], "alias": { "global": "/Users/nates/dev/carbon-charts/node_modules/@storybook/global", "@storybook/api": "/Users/nates/dev/carbon-charts/node_modules/@storybook/angular/node_modules/@storybook/manager-api", "@storybook/components": "/Users/nates/dev/carbon-charts/node_modules/@storybook/angular/node_modules/@storybook/components", "@storybook/global": "/Users/nates/dev/carbon-charts/node_modules/@storybook/global", "@storybook/manager-api": "/Users/nates/dev/carbon-charts/node_modules/@storybook/angular/node_modules/@storybook/manager-api", "@storybook/router": "/Users/nates/dev/carbon-charts/node_modules/@storybook/angular/node_modules/@storybook/router", "@storybook/theming": "/Users/nates/dev/carbon-charts/node_modules/@storybook/angular/node_modules/@storybook/theming" }, "fallback": { "crypto": false, "assert": "/Users/nates/dev/carbon-charts/node_modules/browser-assert/lib/assert.js", "path": "/Users/nates/dev/carbon-charts/node_modules/path-browserify/index.js", "util": "util" }, "symlinks": true, "plugins": [{ "source": "described-resolve", "target": "resolve", "extensions": [".ts", ".tsx"], "log": {}, "baseUrl": "../../../", "absoluteBaseUrl": "/Users/nates/dev/carbon-charts/packages/charts-angular/" }] }, "optimization": { "splitChunks": { "chunks": "all" }, "runtimeChunk": true, "sideEffects": true, "usedExports": true, "moduleIds": "named", "minimizer": [{ "options": { "test": {}, "extractComments": true, "parallel": true, "minimizer": { "options": { "sourceMap": true, "mangle": false, "keep_fnames": true } } } }] }, "performance": { "hints": "warning" }, "experiments": {}, "resolveLoader": { "symlinks": true } } ``` ### To Reproduce _No response_ ### System ```shell Environment Info: System: OS: macOS 13.2.1 CPU: (10) arm64 Apple M1 Pro Binaries: Node: 18.15.0 - /opt/homebrew/bin/node Yarn: 3.5.0 - /opt/homebrew/bin/yarn npm: 9.6.2 - /opt/homebrew/bin/npm Browsers: Chrome: 111.0.5563.110 Firefox: 111.0 Safari: 16.3 npmPackages: @storybook/angular: ^7.0.0-0 => 7.0.0-rc.4 ``` ### Additional context _No response_

[Bug]: Storybook 7.0.0-rc.5 error processing MDX files with Angular 14.3.0 component library #21721

Company

Community

Support

Connect