Javascript 参数列表后不能包含多个网页包项目:未捕获语法错误:丢失)

Javascript 参数列表后不能包含多个网页包项目:未捕获语法错误:丢失),javascript,php,npm,webpack,Javascript,Php,Npm,Webpack,我有一个小网站,客户可以跟踪项目。 该网站的一部分是查看一个用THREEjs建模并用webpack打包的蓝图 我被要求向站点添加另一种类型的蓝图,并让一种在本地工作,但是我不能同时在站点上运行这两种蓝图。它们中的任何一个都可以单独工作,但如果我同时导入这两个参数(php包括'print1.js';包括'print2.js';?),我会在参数列表后得到错误:Uncaught SyntaxError:missing) package.json看起来是这样的: { "name": "print2"

我有一个小网站,客户可以跟踪项目。 该网站的一部分是查看一个用THREEjs建模并用webpack打包的蓝图

我被要求向站点添加另一种类型的蓝图,并让一种在本地工作,但是我不能同时在站点上运行这两种蓝图。它们中的任何一个都可以单独工作,但如果我同时导入这两个参数(php包括'print1.js';包括'print2.js';?),我会在参数列表后得到错误:Uncaught SyntaxError:missing)

package.json看起来是这样的:

{
  "name": "print2",
  "version": "1.0.0",
  "description": "",
  "main": "appl.js",
  "dependencies": {
    "dat.gui": "^0.7.6",
    "three": "^0.112.1",
    "webpack": "^4.41.5",
    "lodash": "^4.17.15"
  },
  "devDependencies": {
    "@babel/core": "^7.8.3",
    "@babel/preset-env": "^7.8.3",
    "babel-loader": "^8.0.6",
    "webpack-cli": "^3.3.10"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "node_modules/webpack/"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}
const path = require('path');

module.exports = {
  entry: './src/print2.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'print2.js',
    publicPath: './dist/'
  },
  mode: 'production',
  module: {
    rules: [
      { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" }
    ]
  },
  devtool: 'source-map'
};
我的webpack.config.js也是这样:

{
  "name": "print2",
  "version": "1.0.0",
  "description": "",
  "main": "appl.js",
  "dependencies": {
    "dat.gui": "^0.7.6",
    "three": "^0.112.1",
    "webpack": "^4.41.5",
    "lodash": "^4.17.15"
  },
  "devDependencies": {
    "@babel/core": "^7.8.3",
    "@babel/preset-env": "^7.8.3",
    "babel-loader": "^8.0.6",
    "webpack-cli": "^3.3.10"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "node_modules/webpack/"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}
const path = require('path');

module.exports = {
  entry: './src/print2.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'print2.js',
    publicPath: './dist/'
  },
  mode: 'production',
  module: {
    rules: [
      { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" }
    ]
  },
  devtool: 'source-map'
};
早期的蓝图具有一些相同的依赖项和不同的(旧的)版本

我没有从我的js文件中导出任何内容,而是使用
window.onload=function(){
加载所有内容

如何同时运行两个蓝图


顺便说一句,我的代码中并没有缺少一个右括号。两个项目都可以独立运行。DS。

结果是我是一个新手

它与webpack无关(除了可能给我奇怪错误消息的.map文件)

真正的问题是这两个3JS文件都在利用

window.onload = function() {
而是使用jQuery和

$(window).load(function(){

在我的文件中,应用程序现在可以正常运行了。

结果是我是一个新手

它与webpack无关(除了可能给我奇怪错误消息的.map文件)

真正的问题是这两个3JS文件都在利用

window.onload = function() {
而是使用jQuery和

$(window).load(function(){
在我的文件中,应用程序现在可以正常运行了