我正在使用Sapper和Stripejs。使用命令“npm install stripe --save”安装stripejs之后,并按照npm指令使用该软件包:
import Stripe from 'stripe';
const stripe = new Stripe('mystripekey');
重新加载时出现错误。这是一个屏幕截图,因为我从未见过它,而且我根本不知道如何解决此问题。它需要汇总小组/专家的人员,并让我们知道如何解决它:
我按照说明安装了plugin-json,它显示在rollup.config.js中,因此它不是Stripe包,但似乎汇总有一个错误或未处理某些内容。
这是从this url安装汇总插件安装后的我的rollup.config.js:
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}`);
但是我没有index.js文件吗?...这是我的项目sapper结构:
如果没有最后一步,这似乎会破坏整个事情,因为当我重新加载所有内容时,我会在命令提示符下得到此信息:
并使用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 "../".
我应该如何处理这个问题?感谢您的帮助,我认为这是汇总配置问题。
最佳答案
您必须安装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({
...
现在应该可以了。
关于svelte - Sapper/Svelte Rollup/Plugin-json给Stripe.js带来了错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59899928/