Sapper / Svelte накопительный пакет / плагин - json дает ошибку с stripejs - PullRequest
Новая
       87

Sapper / Svelte накопительный пакет / плагин - json дает ошибку с stripejs

1 голос
/ 24 января 2020

Я использую сапер и полосу js. После установки stripe js с помощью команды "npm install stripe --save" и следования инструкции npm для использования пакета: 

 import Stripe from 'stripe';
    const stripe = new Stripe('mystripekey');

Я получаю ошибку во время перезагрузки. Это скриншот, потому что я никогда не видел его раньше, и я вообще не знаю, как решить эту проблему. Ему нужен кто-то из команды / эксперта по сбору данных, и сообщите нам, как это исправить: enter image description here

Я установил плагин - json согласно инструкции, и он отображается в rollup.config. js, так что это не пакет с полосами, но кажется, что в накопительном пакете есть ошибка или что-то не обрабатывается.

Вот мой rollup.config. js после установки установки подключаемого модуля из этот URL : 

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 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/');

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

            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: [
            replace({
                'process.browser': false,
                'process.env.NODE_ENV': JSON.stringify(mode)
            }),
            svelte({
                generate: 'ssr',
                dev
            }),
            resolve({
                dedupe
            }),
            commonjs()
        ],
        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,
    }
};

Из инструкции по установке пакета: Я должен сделать это: 

  **Then call rollup either via the CLI or the API.    
  With an accompanying file src/index.js, the local package.json file would 
  now be importable as seen below:**

// src/index.js
import pkg from './package.json';
console.log(`running version ${pkg.version}`);

Но у меня нет индекса. js файл? ... Это структура моего проекта:

enter image description here

без этого последнего шага, кажется, все это сломается, потому что, когда я перезагружаю все, я получаю это в командной строке:

enter image description here

и открытие браузера с localhost: 3000 / stripe дает мне 500 ошибок 

Failed to resolve module specifier "http". Relative references must start with either "/", "./", or "../".

TypeError: Failed to resolve module specifier "http". Relative references must start with either "/", "./", or "../".

Как мне решить эту проблему? Я ценю любую помощь и считаю, что это проблема конфигурации накопительного пакета.

Ответы [ 2 ]

2 голосов
/ 25 января 2020

Вы должны установить plugin-json и правильно использовать его в конфигурации rollup, внутри plugins

после установки, убедитесь, что он установлен в вашем package.json 

...
"@rollup/plugin-json": "^4.0.0",

и затем внутри rollup.config.js: 

import json from '@rollup/plugin-json';

...

export default {
    input: 'src/main.js',
    output: {
        ...
    },
    plugins: [
        json(),  <<--------- HERE
        svelte({
...

Теперь все должно работать.

0 голосов
/ 19 марта 2020

Для моего сценария проблема все еще сохранялась после установки @ rollup / plugin- json и конфигурации в rollup.config. js.

Я обнаружил, что в конфигурации накопителя есть 2 раздела: клиент и сервер, и проблема исчезла после добавления конфигурации json () к плагину обоих разделов.

Надежда может кому-то помочь.

...