<p>buku cerita @ 6 melempar kesalahan inti-js</p>

cc @ndelangen

Saya memiliki masalah yang sama.
Saya menetapkan breakpoint pada metode webpackFinal, tetapi tidak memicu.
Saya menduga bahwa perubahan di sini menyebabkan masalah ini, yang bagus sebelum 6.0.0 beta14.

Saya mengalami masalah yang sama ini saat mencoba bermigrasi dari v5.3 ke v6.0.0-beta38 (meskipun mendapatkan masalah yang sama / serupa dengan versi beta yang lebih rendah).

Webpack.config.js saya:

const path = require('path');

module.exports = ({ config }) => {
    config.module.rules.push({
        test: /\.stories\.js?$/,
        loaders: [require.resolve('@storybook/source-loader')],
        enforce: 'pre',
    });

    config.module.rules = config.module.rules.map(rule => {
        if (
            String(rule.test) ===
            String(
                /\.(svg|ico|jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\?.*)?$/
            )
        ) {
            return {
                ...rule,
                test: /\.(ico|jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|cur|ani)(\?.*)?$/,
            };
        }

        return rule;
    });

    config.module.rules.push({
        test: /\.svg$/,
        use: [
            {
                loader: '@svgr/webpack',
                options: {
                    svgo: false,
                },
            },
        ],
    });

    return config;
};

Saat mencoba menjalankan build-storybook -s public -o ./docs , saya mendapatkan kesalahan berikut di output:

info => Compiling preview..
70% building 225/248 modules 23 active <LOCAL_PROJECT_PATH>/node_modules/@storybook/components/dist/Button/Button.jsERR! => Failed to build the preview
ERR! Module not found: Error: Can't resolve 'chromatic/isChromatic' in '<LOCAL_PROJECT_PATH>/node_modules/@storybook/ui/dist/components/layout'
(node:11596) UnhandledPromiseRejectionWarning: ModuleNotFoundError: Module not found: Error: Can't resolve 'chromatic/isChromatic' in '<LOCAL_PROJECT_PATH>/node_modules/@storybook/ui/dist/components/layout'
    at <LOCAL_PROJECT_PATH>/node_modules/webpack/lib/Compilation.js:925:10
    at <LOCAL_PROJECT_PATH>/node_modules/webpack/lib/NormalModuleFactory.js:401:22
    at <LOCAL_PROJECT_PATH>/node_modules/webpack/lib/NormalModuleFactory.js:130:21
    at <LOCAL_PROJECT_PATH>/node_modules/webpack/lib/NormalModuleFactory.js:224:22
    at <LOCAL_PROJECT_PATH>/node_modules/neo-async/async.js:2830:7
    at <LOCAL_PROJECT_PATH>/node_modules/neo-async/async.js:6877:13
    at <LOCAL_PROJECT_PATH>/node_modules/webpack/lib/NormalModuleFactory.js:214:25
    at <LOCAL_PROJECT_PATH>/node_modules/enhanced-resolve/lib/Resolver.js:213:14
    at <LOCAL_PROJECT_PATH>/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (<LOCAL_PROJECT_PATH>/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:13:1)
    at <LOCAL_PROJECT_PATH>/node_modules/enhanced-resolve/lib/UnsafeCachePlugin.js:44:7
    at <LOCAL_PROJECT_PATH>/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (<LOCAL_PROJECT_PATH>/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:13:1)
    at <LOCAL_PROJECT_PATH>/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (<LOCAL_PROJECT_PATH>/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:25:1)
    at <LOCAL_PROJECT_PATH>/node_modules/enhanced-resolve/lib/DescriptionFilePlugin.js:67:43
(node:11596) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:11596) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
70% building 932/932 modules 0 activenpm ERR! code ELIFECYCLE

* (jalur proyek aktual saya diganti dengan <LOCAL_PROJECT_PATH> )

BERBUAT SALAH! Modul tidak ditemukan: Kesalahan: Tidak dapat menyelesaikan 'chromatic / isChromatic' di '/ node_modules / @ storybook / ui / dist / components / layout '
(node: 11596) UnhandledPromiseRejectionWarning: ModuleNotFoundError: Module tidak ditemukan: Kesalahan: Tidak dapat menyelesaikan 'chromatic / isChromatic' in '/ node_modules / @ storybook / ui / dist / components / layout '

apa? Saya benar-benar bingung .. pratinjau adalah memaketkan kode untuk manajer .. dan tidak ada ketergantungan dev..Ini sangat tidak masuk akal ..

@ndelangen Maaf, harap abaikan kesalahan terakhir itu - sepertinya itu mirip dengan ini: # 11356. Saya telah menyetel konfigurasi main.js ke

module.exports = {
    stories: ['../**/*.stories.@(js)'],
    addons: [
        '@storybook/addon-a11y',
        '@storybook/addon-docs',
        '@storybook/addon-links',
        '@storybook/addon-storysource',
        '@storybook/addon-toolbars',
        '@storybook/addon-viewport',
    ],
};

jadi maksud glob itu mungkin telah memuat cerita dari node_modules . 🤦

Saya telah memperbarui glob untuk hanya melihat folder src saya dan sekarang saya mendapatkan masalah core-js disebutkan oleh OP ...

info => Compiling preview..
70% building 26/29 modules 3 active <LOCAL_PROJECT_PATH>/node_modules/global/window.jsERR! => Failed to build the preview
ERR! Module not found: Error: Can't resolve 'core-js/modules/es.symbol' in '<LOCAL_PROJECT_PATH>/.storybook'
(node:3625) UnhandledPromiseRejectionWarning: ModuleNotFoundError: Module not found: Error: Can't resolve 'core-js/modules/es.symbol' in '<LOCAL_PROJECT_PATH>/.storybook'
    at <LOCAL_PROJECT_PATH>/node_modules/webpack/lib/Compilation.js:925:10
    at <LOCAL_PROJECT_PATH>/node_modules/webpack/lib/NormalModuleFactory.js:401:22
    at <LOCAL_PROJECT_PATH>/node_modules/webpack/lib/NormalModuleFactory.js:130:21
    at <LOCAL_PROJECT_PATH>/node_modules/webpack/lib/NormalModuleFactory.js:224:22
    at <LOCAL_PROJECT_PATH>/node_modules/neo-async/async.js:2830:7
    at <LOCAL_PROJECT_PATH>/node_modules/neo-async/async.js:6877:13
    at <LOCAL_PROJECT_PATH>/node_modules/webpack/lib/NormalModuleFactory.js:214:25
    at <LOCAL_PROJECT_PATH>/node_modules/enhanced-resolve/lib/Resolver.js:213:14
    at <LOCAL_PROJECT_PATH>/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (<LOCAL_PROJECT_PATH>/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:13:1)
    at <LOCAL_PROJECT_PATH>/node_modules/enhanced-resolve/lib/UnsafeCachePlugin.js:44:7
    at <LOCAL_PROJECT_PATH>/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (<LOCAL_PROJECT_PATH>/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:13:1)
    at <LOCAL_PROJECT_PATH>/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (<LOCAL_PROJECT_PATH>/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:25:1)
    at <LOCAL_PROJECT_PATH>/node_modules/enhanced-resolve/lib/DescriptionFilePlugin.js:67:43
(node:3625) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:3625) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
70% building 1953/1953 modules 0 activenpm ERR! code ELIFECYCLE

Dan seperti yang disarankan @ 43081j , menambahkan core-js v3 sebagai dependensi dev akan memperbaikinya tetapi tampaknya itu bukan solusi yang bagus ...

Saya baru saja mengalami masalah yang sama saat mencoba memperbarui buku cerita saya dari 5.2.5 menjadi 6.0.0-rc.9. Seperti @BWrites saya menambahkan core-js sebagai ketergantungan dev dan itu memperbaikinya, tetapi saya setuju bahwa ini bukan solusi yang bagus.

Halo semuanya! Sepertinya tidak banyak yang terjadi dalam masalah ini belakangan ini. Jika masih ada pertanyaan, komentar, atau bug, silahkan lanjutkan pembahasannya. Sayangnya, kami tidak punya waktu untuk membahas setiap masalah. Kami selalu terbuka untuk kontribusi, jadi silakan kirim permintaan tarik jika Anda ingin membantu. Masalah yang tidak aktif akan ditutup setelah 30 hari. Terima kasih!

hanya pengingat bahwa sekarang Anda menerbitkan 6.0 secara resmi, ini masih menjadi masalah.

sangat canggung harus menginstal core-js langsung di setiap repo yang kita gunakan untuk buku cerita. apakah Anda memiliki saran perbaikan di pihak Anda untuk ini? ada yang bisa kami sumbangkan untuk membantu?

@ 43081j Saya rasa kami tidak memahami masalahnya. Mungkin @ndelangen bisa membagikan beberapa kearifannya di sini.

pada dasarnya, output yang dihasilkan buku cerita mencoba meminta core-js untuk berbagai polyfill.

Saya menebak karena ini adalah keluaran yang dihasilkan dan tidak "hidup" di direktori buku cerita ( node_modules/@storybook ), ini akan menyelesaikan inti-js pertama yang tersedia dari tingkat atas daripada menyelesaikannya relatif ke direktori buku cerita.

jadi jika Anda memiliki buku cerita dalam proyek yang sudah memiliki versi core-j yang berbeda (tidak harus sebagai ketergantungan langsung, semua jenis proyek lain juga bergantung pada core-j), yang satu mungkin diperlukan secara tidak sengaja daripada yang satu buku cerita ingin.

ini berarti jalur gagal diselesaikan jika dua versi core-js berbeda secara drastis.

solusi ( npm i -D core-js ) memecahkan masalah karena dengan demikian core-j level teratas Anda adalah versi yang sama dengan yang diinginkan oleh satu buku cerita. versi yang lebih lama akan dipindahkan lebih dalam untuk hidup berdampingan dengan apa pun yang membutuhkannya.

@ 43081j apakah Anda bersedia untuk dipasangkan dengan @ndelangen dalam hal ini?

Juga mengalami masalah ini.

Berdasarkan https://github.com/storybookjs/storybook/issues/6204#issuecomment -478992364, saya menambahkan ini ke konfigurasi saya dan menyelesaikannya dengan benar sekarang:

resolve: {
    alias: {
        'core-js/modules': path.resolve(
            __dirname,
            '..',
            'node_modules/core-js/modules'
        ),
    }
}

Perhatikan bahwa ini menunjuk ke folder root node_modules/core-js dalam proyek saya, bukan yang dibundel dengan yang lain.

@shilman tidak akan melihat apakah saya mendapatkan waktu luang di akhir pekan dan akan mencoba men-debug setidaknya. itu akan dilakukan dengan konfigurasi webpack yang saya kira dan dari mana ia menyelesaikan modul

Tebakan saya adalah kita secara efektif menjalankan webpack dari direktori proyek. kemudian ketika kita membuat entri webpack kita, di suatu tempat di bawah pohon kita harus membutuhkan core-js. tetapi pada saat itu, CWD webpack adalah direktori proyek dan bukan direktori buku cerita, jadi CWD akan mengambil apa pun versi root core-js alih-alih yang diinginkan buku cerita.

kita bisa melakukan apa di komentar sebelumnya tetapi menggunakan path ke core-js buku cerita secara eksplisit. tetapi tampaknya sangat memalukan dan agak hack karena masalah sebenarnya ini dapat terjadi dengan sejumlah dependensi dalam teori.

Sama disini. Cukup siapkan proyek bersih dengan vue-cli, tambahkan buku cerita dan buku cerita-dokumen. npm run storybook menghasilkan banyak Module not found: Error: Can't resolve 'core-js/modules/... .

sama disini. Memperbarui buku cerita dari 5.3. ke 6.0.12 - menyebabkan banyak kesalahan seperti Can't resolve 'core-js/modules/web.dom-collections.iterator'

Sama di sini, bahkan dengan solusi :(

sama mendapat banyak kesalahan seperti
Module not found: Error: Can't resolve 'core-js/modules/web.dom-collections.iterator'
Module not found: Error: Can't resolve 'core-js/modules/es.symbol.iterator'

Juga mengalami masalah ini.

Berdasarkan # 6204 (komentar) , saya menambahkan ini ke konfigurasi saya dan ini menyelesaikan dengan benar sekarang:

resolve: {
    alias: {
        'core-js/modules': path.resolve(
            __dirname,
            '..',
            'node_modules/core-js/modules'
        ),
    }
}

Perhatikan bahwa ini menunjuk ke folder root node_modules/core-js dalam proyek saya, bukan yang dibundel dengan yang lain.

@MattFisher file konfigurasi yang mana?

@awkale main.js :)

Saya pikir solusi utamanya adalah kita mengatur konfigurasi webpack untuk memetakan ke core-js yang tepat ketika kita membuat sebuah build. tetapi saya tidak sepenuhnya yakin di mana saat ini terjadi karena ada banyak keajaiban dinamis yang terjadi, pembuatan bundel, dll.

Jika seseorang dapat mengarahkan saya ke arah yang benar, saya akan senang untuk mencari tahu dan melakukannya.

@ndelangen tolong kerjakan dengan @ 43081j untuk ini 🙏

Saya awalnya menulis https://github.com/ndelangen/corejs-upgrade-webpack-plugin untuk 'menyelesaikan' masalah ini.

Tapi saya tidak menggunakannya lagi, karena itu hanya menambah masalah lain, lihat:
https://github.com/storybookjs/storybook/issues/7445 dan https://github.com/ndelangen/corejs-upgrade-webpack-plugin/issues/7

versi-versi corej yang saling bertentangan adalah kutukan bagi keberadaan saya.

@ 43081j senang mengobrol tentang solusi untuk ini, apakah Anda terlibat dalam perselisihan buku cerita?
https://discord.gg/7yKH3EU

jangan khawatir aku akan segera berselisih, tidak sadar ada buku cerita satu: +1:

masalah serupa, saya sudah memiliki core-j dalam proyek saya, dan memutakhirkan ke 3 (yang sebenarnya ingin kami lakukan) tampaknya tidak memperbaiki masalah ini.

apakah hanya saya, jika saya melihat repo core-js, web.dom.iterable tidak ada ATM?

@lly-tock coba cocokkan versi persis buku cerita tergantung dan lihat apakah itu membantu.

Saya pikir saya menemukan masalahnya sekarang jadi kami hanya mencari tahu perbaikan, perlu beberapa diskusi untuk memastikan itu tidak terjadi lagi dengan ketergantungan lain.

bagi siapa saja yang ingin mengikuti kemajuan saya, draf saya saat ini (dengan investigasi / penjelasan) adalah # 12312

mencoba menyematkan ke 3.0.1, tidak berhasil, file tampaknya tidak ada. di dalam modul buku cerita yang diinstal, core-js akhirnya diinstal sebagai 3.6.5, yang juga tidak memiliki file ini. akan mengikuti utas lainnya untuk saat ini. tidak bisa benar-benar meningkatkan.

 "webpackFinal": (config)=> {
    config.resolve.alias['core-js/modules'] =  path.resolve(
            __dirname,
            '..',
            'node_modules/@storybook/core/node_modules/core-js/modules'
        );
    return config;
  }

Menambahkan kode terbalik ke main.js mengatasi masalah saya.

Saya dapat mengonfirmasi solusi dari @jefferscn . Saya menyederhanakan dengan ini, tetapi itu sama:

config.resolve.alias['core-js/modules'] = '@storybook/core/node_modules/core-js/modules'

Anda harus memeriksa package.json atau menjalankan npm ls core-js untuk melihat versi core-js Anda jalankan.

Jika package.json referensi core-js kurang dari 3.0.1 , maka Anda mungkin perlu menghapusnya, dan menjalankan kembali npm install .

Saya dapat memperbaikinya dengan menambahkan

"resolutions": {
    "**/core-js": "^3.6.5"
}

ke package.json , seperti yang dijelaskan di # 8267.

Saya mengalami masalah ini pada 6, diturunkan ke 5.3, terkena versi lain dari masalah ini setelah beberapa saat, kemudian menemukan & menerapkan perbaikan. Saya pikir saya sebaiknya mencoba meningkatkan kembali ke 6, dan untungnya itu masih berfungsi.

Semua tanggapan untuk menambahkan bidang ke konfigurasi Webpack tidak berfungsi untuk saya, tetapi ini jelas berhasil.

Saya menggunakan Gatsby, dan ternyata ada satu ketergantungan core-js@^2.4.0 yang terkubur jauh di dalam:

npm ls core-js

└─┬ [email protected]
  ├── [email protected]  deduped
  └─┬ [email protected]
    └─┬ [email protected]
      └─┬ [email protected]
        └──  core-js@^2.4.0

Menambahkan bidang resolutions teknis memutus dependensi core-js untuk dependensi Gatsby / babel-runtime itu (pohon sekarang mengatakan UNMET DEPENDENCY sebelah core-js@^2.4.0), tetapi saya belum melihat masalah.

Saya memiliki masalah yang sama dengan stroybook v6 + React + Typescript dan ini menyelesaikan masalah saya

.storybook / main.js

const path = require('path');

module.exports = {
  stories: ['../src/**/*.stories.@(ts|tsx)'],
  addons: ['@storybook/addon-actions', '@storybook/addon-links', '@storybook/addon-docs'],
  webpackFinal: (config) => {
    config.module.rules.push({
      test: /\.(ts|tsx)$/,
      use: [
        {
          loader: 'babel-loader',
          options: {
            presets: ['babel-preset-react-app']
          }
        }
      ],
      include: path.resolve(__dirname, '../src'),
      exclude: /node_modules/,
    });
    return config;
  },
};

Dan .storybook / .babelrc
{ "presets": [ "babel-preset-react-app" ] }

Dan package.json
"babel-preset-react-app": "^9.1.2",

Masalah bagi saya adalah saya tidak mencocokkan versi properti @babel/preset-env option corejs dengan yang benar.

package.json:
"core-js": "^3.6.5",

Solusinya:
.babelrc (atau di mana pun konfigurasi babel Anda berada)

[
    "@babel/preset-env",
    {
        "corejs": "3.6.5", <- make sure this version is the same as core-js version installed!
        ...
    }
],

Hei, juga mengalami masalah ini. Saya memiliki mono repo dan mengimpor banyak aset dari folder bersama di luar aplikasi buku cerita utama. Saya harus menginstal core-js di dalam folder bersama itu, tidak ideal (meskipun menginstalnya di folder buku cerita) dan sekarang saya mengalami lebih banyak masalah.

Banyak dokumentasi saya juga dibagikan, jadi perlu mengimpor mdx docs dari sana ke aplikasi buku cerita, ini juga mengakibatkan kesalahan karena buku cerita tampaknya berpikir bahwa folder bersama harus berada di tempat ia mengimpor sumber daya dari yang berkaitan dengan dokumen tersebut.

Error: Can't resolve '@storybook/addon-docs/blocks' in '../shared/.storybook/documentation/... (satu dari banyak)

main.js

stories: [
    '../stories/**/*.stories.mdx',
    '../stories/**/*.stories.@(js|mdx)',
    path.resolve(__dirname, '../../shared/.storybook/documentation/**/*.stories.mdx')
  ],

Saya dapat mengonfirmasi solusi dari @jefferscn . Saya menyederhanakan dengan ini, tetapi itu sama:

config.resolve.alias['core-js/modules'] = '@storybook/core/node_modules/core-js/modules'

Sayangnya ini tidak berhasil untuk saya dalam proyek benang 2 (beri), karena folder /node_modules/ tidak dapat diakses secara langsung. Aplikasi utama saya sudah menetapkan core-js sebagai ketergantungan eksplisit

Kesalahan saya terlihat seperti ini:

 Error: Your application tried to access core-js, but it isn't declared in your dependencies; this makes the require call ambiguous and unsound.

Masalah ini mungkin terkait (tapi saya tidak yakin).

https://github.com/yarnpkg/berry/issues/947#issue -564792093

 "webpackFinal": (config)=> {
    config.resolve.alias['core-js/modules'] =  path.resolve(
            __dirname,
            '..',
            'node_modules/@storybook/core/node_modules/core-js/modules'
        );
    return config;
  }

Menambahkan kode terbalik ke main.js mengatasi masalah saya.

Saya memiliki perbaikan ini dan berhasil, tetapi saya meningkatkan semua paket saya hari ini dan saya akhirnya mendapatkan kesalahan inti-js lagi ketika mencoba memulai buku cerita. Saya menghapus perbaikan di atas, dan semuanya berfungsi kembali.

Saya tidak terlalu memeriksanya, tetapi satu hal yang saya perhatikan sebelumnya saya memiliki 6.0.21, yang memiliki ini di package.json:

  "_phantomChildren": {
    "p-limit": "2.3.0",
    "picomatch": "2.2.2"
  },

6.0.26 berisi:

  "_phantomChildren": {
    "core-js": "3.6.5",
    "p-limit": "2.3.0",
    "picomatch": "2.2.2"
  },

Saya tidak yakin bagaimana tepatnya hal-hal diselesaikan di sini tanpa melakukan pembacaan, tetapi sesuatu pasti terjadi dengan bagaimana core-js diselesaikan. Tidak yakin apakah ini khusus proyek.

 "webpackFinal": (config)=> {
    config.resolve.alias['core-js/modules'] =  path.resolve(
            __dirname,
            '..',
            'node_modules/@storybook/core/node_modules/core-js/modules'
        );
    return config;
  }

Menambahkan kode terbalik ke main.js mengatasi masalah saya.

Saya memiliki perbaikan ini dan berhasil, tetapi saya meningkatkan semua paket saya hari ini dan saya akhirnya mendapatkan kesalahan inti-js lagi ketika mencoba memulai buku cerita. Saya menghapus perbaikan di atas, dan semuanya berfungsi kembali.

Saya tidak terlalu memeriksanya, tetapi satu hal yang saya perhatikan sebelumnya saya memiliki 6.0.21, yang memiliki ini di package.json:

  "_phantomChildren": {
    "p-limit": "2.3.0",
    "picomatch": "2.2.2"
  },

6.0.26 berisi:

  "_phantomChildren": {
    "core-js": "3.6.5",
    "p-limit": "2.3.0",
    "picomatch": "2.2.2"
  },

Saya tidak yakin bagaimana tepatnya hal-hal diselesaikan di sini tanpa melakukan pembacaan, tetapi sesuatu pasti terjadi dengan bagaimana core-js diselesaikan. Tidak yakin apakah ini khusus proyek.

Karena proyek Anda sekarang memiliki versi core-j yang sama dengan buku cerita.

Saya harus mengubah file .storybook/main.js menjadi:

    webpackFinal: async config => {
        return {
            ...config,
            resolve: {
                alias: {
                    'core-js/modules': '@storybook/core/node_modules/core-js/modules',
                    'core-js/features': '@storybook/core/node_modules/core-js/features',
                },
            },
        };

Ini kasus saya. Segera setelah membawa ketergantungan graphql-tools untuk mengejek data GraphQL ( berdasarkan pendekatan rapi dari stripe ini ), kesalahan ini muncul.

Yang harus saya lakukan adalah menambahkan sedikit kode ini di setiap Story (atau preview.js):

import {
  makeExecutableSchema,
  addMockFunctionsToSchema
} from 'graphql-tools';

const schemaString = `
  type Todo { id: ID, text: String, completed: Boolean }
  type User { id: ID, name: String }
  type Query { todoItems: [Todo] }
  # ... other types here
`;

// Make a GraphQL schema with no resolvers
const schema = makeExecutableSchema({ typeDefs: schemaString });

Sekelompok kesalahan muncul dimulai dengan:

ERROR in ./node_modules/@graphql-tools/git-loader/index.esm.js
Module not found: Error: Can't resolve 'child_process' in 'xxx/node_modules/@graphql-tools/git-loader'

ERROR in ./node_modules/@graphql-tools/load-files/node_modules/@nodelib/fs.stat/out/adapters/fs.js
Module not found: Error: Can't resolve 'fs' in '/xxx/node_modules/@graphql-tools/load-files/node_modules/@nodelib/fs.stat/out/adapters'

ERROR in ./node_modules/@graphql-tools/load-files/node_modules/fast-glob/out/settings.js
Module not found: Error: Can't resolve 'fs' in '/xxx/node_modules/@graphql-tools/load-files/node_modules/fast-glob/out'

...

Menjalankan perintah npm ls core-js . Satu-satunya keluaran yang berisi core-js <v3 adalah ini:

└─┬ [email protected]
  └─┬ @graphql-tools/[email protected]
    └─┬ [email protected]
      └─┬ [email protected]
        └── [email protected]

Tidak ada solusi yang berhasil untuk saya. Resolusi tidak berhasil di package.json :(

"resolutions": {
    "styled-components": "^5",
    "**/core-js": "^3.6.5"
  }

@ dejanvasic85 Apakah Anda mencoba flag --no-dll ?

Saya melakukan @shilman.

Saya juga mencoba semua solusi yang diusulkan dalam masalah ini dengan Next.js, dan tidak ada yang berhasil.

Ini membuat v6 tidak dapat digunakan.

@epiqueras apakah Anda memiliki repro repo yang dapat Anda bagikan?

Saya menginstalnya di proyek Next.js baru.

Solusi @timgivois berhasil untuk saya: https://github.com/storybookjs/storybook/issues/11255#issuecomment -713083086

Saya menggunakan rasa Komponen Web dari Buku Cerita.

Silakan coba tingkatkan ke 6.1

npx sb upgrade --prerelease

Masih rusak.

Itu masih rusak untuk saya juga dan ini dengan aplikasi Ember.js baru yang belum ada apa-apa di dalamnya kecuali untuk Buku Cerita.

Masalah muncul ketika ketergantungan apa pun yang Anda miliki menggunakan core-js@<3 .

Tampaknya Storybook memaksa semua dependensi untuk menggunakan versi yang sama.

Saya juga mengalami masalah ini.

Modul tidak ditemukan: Kesalahan: Tidak dapat menyelesaikan 'core-js / modules / web.dom.iterable'

Bagian yang menarik adalah, hal itu terjadi saat memiliki ini di .babelrc :

["@babel/plugin-proposal-class-properties", { "loose": true }],
["@babel/plugin-proposal-private-methods", { "loose": true }]

Saat saya menghapus { "loose": true } dari yang kedua,

["@babel/plugin-proposal-class-properties", { "loose": true }],
["@babel/plugin-proposal-private-methods"]

Saya hanya mendapat peringatan tetapi saya hanya melihat bagian "Pendahuluan" di situs web yang terbuka.

Pembuatan modul gagal [...] Konfigurasi mode 'longgar' harus sama untuk @ babel / plugin-proposal-class-properties, @ babel / plugin-proposal-private-methods dan @ babel / plugin-proposal-private-property -in-object (saat diaktifkan).

Menggunakan Storybook 6.1.0-beta.3.

Juga, saat menghapus { "loose": true } , saya mengerti

Kesalahan: Tidak dapat menyelesaikan 'core-js / modules / web.dom.iterable'

Pembaruan :
Saya memiliki versi lama @babel/preset-env dan plugin @babel/plugin* . Setelah memutakhirkan / pindah dari 7.1. * Ke 7.12. *, Itu mulai berfungsi.

Untuk orang yang masih mengalami ini, kami diblokir oleh babel / babel # 12035

Masalahnya sekarang sudah dipahami dengan cukup baik dan berada di ujung babel. Solusi mungkin dapat dilakukan tetapi akan cukup rumit dan hacky jadi saya berharap babel dapat memperbaikinya pada akhirnya, atau setidaknya memberi tahu kami caranya.

Sepertinya itu diperbaiki di babel / babel-polyfills # 40

edit:

ini sedang dikerjakan di # 13055

Saya memiliki pustaka komponen Vue yang tidak memiliki ketergantungan nol yang diperlukan untuk core-js , dan masih menimbulkan kesalahan bagi saya
Module not found: Error: Can't resolve 'core-js/modules/web.dom.iterable'
Setelah menghabiskan> 1 jam mencoba menginstal babel , core-js , dan mencoba semua solusi, tetap saja saya error

Saya memiliki yang berikut ini:

"@babel/core": "^7.12.9",
    "@babel/plugin-proposal-optional-chaining": "^7.12.1",
    "@storybook/addon-actions": "^6.1.8",
    "@storybook/addon-essentials": "^6.1.8",
    "@storybook/addon-knobs": "^5.0.0",
    "@storybook/addon-links": "^6.1.8",
    "@storybook/addon-notes": "^5.0.0",
    "@storybook/vue": "^6.1.8",
    "@types/jest": "^26.0.15",
    "@vue/cli-plugin-babel": "^3.10.0",
    "@vue/cli-plugin-eslint": "^3.10.0",
    "@vue/cli-plugin-unit-jest": "^3.10.0",
    "@vue/cli-service": "^3.10.0",
    "@vue/eslint-config-prettier": "^4.0.1",
    "@vue/test-utils": "^1.0.0-beta.29",
    "babel-eslint": "^10.0.1",
    "babel-jest": "^23.6.0",
    "babel-loader": "^8.2.2",

Zoinks !! Saya baru saja merilis https://github.com/storybookjs/storybook/releases/tag/v6.2.0-alpha.0 berisi PR # 13055 yang mereferensikan masalah ini. Tingkatkan versi hari ini ke tag @next NPM untuk mencobanya!

npx sb upgrade --prerelease

Menutup masalah ini. Harap buka kembali jika menurut Anda masih banyak yang harus dilakukan.

Bisakah ini diperbarui ketika sudah sepenuhnya dirilis?

@shilman Saya baru saja meningkatkan Ember Addon saya dengan versi pra-rilis dan semuanya berfungsi!

@shilman Masih tidak bekerja untuk saya karena alasan yang sangat aneh. Menjalankan yarn storybook memunculkan banyak kesalahan tentang core-js polyfill. Sebagai contoh:

ERROR in ./.storybook/preview.js-generated-config-entry.js
Module not found: Error: Can't resolve 'core-js/modules/es.symbol' in ...
 @ ./.storybook/preview.js-generated-config-entry.js 3:0-36
 @ multi ./node_modules/@storybook/vue/node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/vue/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/storybook-init-framework-entry.js ./node_modules/@storybook/addon-docs/dist/frameworks/common/config.js-generated-other-entry.js ./node_modules/@storybook/addon-docs/dist/frameworks/vue/config.js-generated-other-entry.js ./node_modules/@storybook/addon-links/dist/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/preset/addArgs.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/preset/addParameter.js-generated-other-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined

Saya harus melakukan penyelesaian di main.js dengan yang berikut:

webpackFinal: (config) => {
    config.resolve.alias["core-js/modules"] =
      "@storybook/core/node_modules/core-js/modules";
    config.resolve.alias["core-js/features"] =
      "@storybook/core/node_modules/core-js/features";
    return config;
  },

Ini terjadi ketika saya memiliki versi core-js secara khusus menunjuk ke 2.6.9.

Masih tidak berhasil. Baru saja diperbarui dengan patch 6.2.0-alpha.1

Rilis ini akhirnya telah memperbaikinya untuk Buku Cerita perpustakaan komponen kami - terima kasih!

Bagi Anda yang proyeknya TIDAK diperbaiki oleh 6.2.0-alpha.1 , beberapa saran:

• Coba hapus node_modules dan / atau file kunci dan instal ulang?
• Coba hapus solusi apa pun yang telah Anda tambahkan sebelumnya

Jika itu masih tidak memperbaikinya, mungkin Anda dapat memposting tautan ke repo Anda dan kami mungkin dapat melihat dan melihat apa yang terjadi. Terima kasih dan terima kasih atas kesabaran Anda dalam hal ini!

Hei, terima kasih atas kesinambungan pekerjaan ini. Sayangnya, mengupgrade ke 6.2.0-alpha.1 pada repo pribadi tidak memperbaiki cerita, kami tidak memiliki solusi untuk dihapus. Saya akan memperbarui di sini jika saya menemukan repo minimal yang berisi masalah.

Repositori adalah campuran JS / skrip ketikan, dikelola oleh benang 2 (berry), dan memiliki versi inti-js 3.0.1 ditentukan pada tingkat akar package.json . Sebagian besar kesalahan adalah dalam bentuk

Module not found: Error: Your application tried to access core-js, but it isn't declared in your dependencies; this makes the require call ambiguous and unsound.

Required package: core-js (via "core-js/modules/es.string.iterator")
// path to some internal code