汇总无法识别要求

Question

我正在为与精工/苗条的博客一起使用Contentful的API。我显然需要使用require来加载contentfuls API，但是汇总却给我一个错误。

require is not defined

ReferenceError: require is not defined
    at http://localhost:3000/client/api.186b34eb.js:1:20

我已尝试安装大量的插件来解决此问题，但无济于事。这是API文件。

const contentful = require('contentful');

const Client = contentful.createClient({
    space: "aagf7zedqso5",
    accessToken: "bafc9e682b9f9703341a15d4a66782fc4e99f3c901e6406238c5f17e5afe5363"
});

export const FetchEntries = contentType =>
    Client.getEntries({
      content_type: contentType,
      order: sys.createdAt
    })
    .then(response => {
        return response.items;
    })
    .catch(err => {
        return err
    });

export const fetchEntry = (contentType, slug) => 
    Client.getEntries({
        content_type: contentType,
        'fields.slug': slug
    })
    .then(response => {
        return response.items;
    })
    .catch(err => {
        return err
    });

这是我的汇总配置文件

import resolve from '@rollup/plugin-node-resolve';
import replace from '@rollup/plugin-replace';
import commonjs from '@rollup/plugin-commonjs';
import svelte from 'rollup-plugin-svelte';
import babel from 'rollup-plugin-babel';
import { terser } from 'rollup-plugin-terser';
import config from 'sapper/config/rollup.js';
import pkg from './package.json';
import sveltePreprocess from 'svelte-preprocess';
import image from '@rollup/plugin-image';
import json from '@rollup/plugin-json';

const mode = process.env.NODE_ENV;
const dev = mode === 'development';
const legacy = !!process.env.SAPPER_LEGACY_BUILD;

const onwarn = (warning, onwarn) => (warning.code === 'CIRCULAR_DEPENDENCY' && /[/\\]@sapper[/\\]/.test(warning.message)) || onwarn(warning);
const dedupe = importee => importee === 'svelte' || importee.startsWith('svelte/');

const preprocess = sveltePreprocess({
    sass: true,
});

export default {
    client: {
        input: config.client.input(),
        output: config.client.output(),
        plugins: [
            commonjs({
                include: 'node_modules/**'
            }),
            replace({
                'process.browser': true,
                'process.env.NODE_ENV': JSON.stringify(mode)
            }),
            svelte({
                dev,
                hydratable: true,
                emitCss: true,
                preprocess
            }),
            resolve({
                browser: true,
                dedupe
            }),
            image(),
            json(),

            legacy && babel({
                extensions: ['.js', '.mjs', '.html', '.svelte'],
                runtimeHelpers: true,
                exclude: ['node_modules/@babel/**'],
                presets: [
                    ['@babel/preset-env', {
                        targets: '> 0.25%, not dead'
                    }]
                ],
                plugins: [
                    '@babel/plugin-syntax-dynamic-import',
                    ['@babel/plugin-transform-runtime', {
                        useESModules: true
                    }]
                ]
            }),

            !dev && terser({
                module: true
            })
        ],

        onwarn,
    },

    server: {
        input: config.server.input(),
        output: config.server.output(),
        plugins: [
            commonjs({
                include: 'node_modules/**'
            }),
            replace({
                'process.browser': false,
                'process.env.NODE_ENV': JSON.stringify(mode)
            }),
            svelte({
                generate: 'ssr',
                dev,
                preprocess
            }),
            resolve({
                dedupe
            }),
            image(),
            json()

        ],
        external: Object.keys(pkg.dependencies).concat(
            require('module').builtinModules || Object.keys(process.binding('natives'))
        ),

        onwarn,
    },

    serviceworker: {
        input: config.serviceworker.input(),
        output: config.serviceworker.output(),
        plugins: [
            resolve(),
            replace({
                'process.browser': true,
                'process.env.NODE_ENV': JSON.stringify(mode)
            }),
            commonjs(),
            !dev && terser()
        ],

        onwarn,
    }
};

Answer 1

尝试

const module = require('module')
external: Object.keys(pkg.dependencies).concat(
            module.builtinModules || Object.keys(process.binding('natives'))
        ), //etc...