Javascript 苗条-“npm运行构建”将获得;意外标记<&引用;错误
完成开发后,我运行Javascript 苗条-“npm运行构建”将获得;意外标记<&引用;错误,javascript,svelte,Javascript,Svelte,完成开发后,我运行npm运行build来构建生产应用程序。但我会得到: 未捕获的语法错误:意外标记“您是否正在尝试导入特殊文件,如.json、图像或typescript/es6?@johannchopin,我可能在开发过程中导入了这些文件。”。我确实在index.html中导入了一些js包。这是一个问题吗?请共享您的汇总配置,以及有关错误的更多详细信息。@johannchopin我添加了我的汇总配置。问题是,我尝试了一个全新的downlaod项目并建立了它,从那里我已经得到了问题。我想知道这是否
npm运行build
来构建生产应用程序。但我会得到:
未捕获的语法错误:意外标记“您是否正在尝试导入特殊文件,如
.json
、图像或typescript/es6?@johannchopin,我可能在开发过程中导入了这些文件。”。我确实在index.html中导入了一些js包。这是一个问题吗?请共享您的汇总配置,以及有关错误的更多详细信息。@johannchopin我添加了我的汇总配置。问题是,我尝试了一个全新的downlaod项目并建立了它,从那里我已经得到了问题。我想知道这是否只是我的问题,您运行的是哪个版本的node和npm?建议使用LTS版本(14.15.2)。如果您试图导入特殊文件,如.json
、图像或typescript/es6?@johannchopin,则在开发过程中可能会用到这些文件。我确实在index.html中导入了一些js包。这是一个问题吗?请共享您的汇总配置,以及有关错误的更多详细信息。@johannchopin我添加了我的汇总配置。问题是,我尝试了一个全新的downlaod项目并建立了它,从那里我已经得到了问题。我想知道这是否只是我的问题,您运行的是哪个版本的node和npm?建议使用LTS版本(14.15.2)
import svelte from 'rollup-plugin-svelte';
import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import livereload from 'rollup-plugin-livereload';
import { terser } from 'rollup-plugin-terser';
import preprocess from 'svelte-preprocess';
const production = !process.env.ROLLUP_WATCH;
function serve() {
let server;
function toExit() {
if (server) server.kill(0);
}
return {
writeBundle() {
if (server) return;
server = require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], {
stdio: ['ignore', 'inherit', 'inherit'],
shell: true
});
process.on('SIGTERM', toExit);
process.on('exit', toExit);
}
};
}
export default {
input: 'src/main.js',
output: {
sourcemap: true,
format: 'iife',
name: 'app',
file: 'public/build/bundle.js'
},
plugins: [
svelte({
dev: !production,
preprocess: preprocess(),
css: css => {
css.write('bundle.css');
}
}),
resolve({
browser: true,
dedupe: ['svelte']
}),
commonjs(),
!production && serve(),
!production && livereload('public'),
production && terser()
],
watch: {
clearScreen: false
}
};
npx degit sveltejs/template my-svelte-project
cd my-svelte-project
npm install
npm run build
import svelte from 'rollup-plugin-svelte';
import commonjs from '@rollup/plugin-commonjs';
import resolve from '@rollup/plugin-node-resolve';
import livereload from 'rollup-plugin-livereload';
import { terser } from 'rollup-plugin-terser';
import css from 'rollup-plugin-css-only';
const production = !process.env.ROLLUP_WATCH;
function serve() {
let server;
function toExit() {
if (server) server.kill(0);
}
return {
writeBundle() {
if (server) return;
server = require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], {
stdio: ['ignore', 'inherit', 'inherit'],
shell: true
});
process.on('SIGTERM', toExit);
process.on('exit', toExit);
}
};
}
export default {
input: 'src/main.js',
output: {
sourcemap: true,
format: 'iife',
name: 'app',
file: 'public/build/bundle.js'
},
plugins: [
svelte({
compilerOptions: {
// enable run-time checks when not in production
dev: !production
}
}),
css({ output: 'bundle.css' }),
resolve({
browser: true,
dedupe: ['svelte']
}),
commonjs(),
!production && serve(),
!production && livereload('public'),
production && terser()
],
watch: {
clearScreen: false
}
};