Reactjs &引用;对标识符使用关键字无效";在Windows Edge 13中加载使用网页包的React应用程序时出错
我完全被这个错误难住了。我已经调查这件事好几天了,都没有结果 这是一个相当复杂的web应用程序,使用React、Webpack和Babel运行。我在Edge控制台中遇到的错误似乎与Webpack有关,因此我添加了几个多边形填充,但这并没有改变任何事情 我还没有看到其他人遇到这个错误,这让我感到惊讶。我已经更新了所有节点包,但也没有解决它 这是package.json,我目前有:Reactjs &引用;对标识符使用关键字无效";在Windows Edge 13中加载使用网页包的React应用程序时出错,reactjs,webpack,microsoft-edge,Reactjs,Webpack,Microsoft Edge,我完全被这个错误难住了。我已经调查这件事好几天了,都没有结果 这是一个相当复杂的web应用程序,使用React、Webpack和Babel运行。我在Edge控制台中遇到的错误似乎与Webpack有关,因此我添加了几个多边形填充,但这并没有改变任何事情 我还没有看到其他人遇到这个错误,这让我感到惊讶。我已经更新了所有节点包,但也没有解决它 这是package.json,我目前有: { "name": "some-app", "private": true, "dependencies"
{
"name": "some-app",
"private": true,
"dependencies": {
"babel-core": "^5.8.22",
"babel-loader": "^5.3.2",
"babel-polyfill": "^6.5.0",
"babel-relay-plugin": "^0.3.0",
"chart.js": "^1.0.2",
"css-loader": "^0.22.0",
"es5-shim": "^4.5.7",
"graphiql": "0.3.1",
"history": "1.13.1",
"isomorphic-fetch": "^2.1.1",
"jsxstyle": "^0.0.17",
"mockdate": "1.0.3",
"moment": "^2.10.2",
"react": "^0.14.0",
"react-addons-shallow-compare": "^0.14.0",
"react-chartjs": "^0.6.0",
"react-dom": "^0.14.0",
"react-loader": "^2.0.0",
"react-relay": "^0.4.0",
"react-router": "1.0.0-rc3",
"react-router-relay": "^0.7.0",
"style-loader": "^0.12.3",
"superagent": "^1.2.0",
"underscore": "^1.8.3",
"webpack": "^1.12.13"
},
"devDependencies": {
"babel-eslint": "^3.1.30",
"babel-jest": "^5.3.0",
"classnames": "^2.2.3",
"eslint": "^0.23",
"eslint-config-airbnb": "0.0.7",
"eslint-plugin-react": "^3.2.2",
"jest-cli": "^0.5.0",
"react-addons-test-utils": "^0.14.0-beta3"
},
"scripts": {
"test": "node node_modules/.bin/jest --verbose --runInBand",
"build": "node node_modules/.bin/webpack",
"postinstall": "npm run build"
},
"jest": {
"rootDir": "",
"scriptPreprocessor": "node_modules/babel-jest",
"preprocessorIgnorePatterns": [
"<rootDir>/node_modules/"
],
"testPathDirs": [
"<rootDir>/src/"
],
"unmockedModulePathPatterns": [
"<rootDir>/node_modules/react/",
"<rootDir>/node_modules/react-dom/",
"<rootDir>/node_modules/react-addons-test-utils/",
"<rootDir>/node_modules/react-relay/",
"<rootDir>/node_modules/react-router/",
"<rootDir>/node_modules/react-sticky/",
"<rootDir>/node_modules/jsxstyle/",
"<rootDir>/node_modules/underscore/",
"<rootDir>/src/__tests__/",
"<rootDir>/src/components/delay/",
"<rootDir>/src/mutations/",
"<rootDir>/src/components/react-wrapper"
]
}
}
在chrome中工作没有错误?该网站在没有网页包的情况下工作吗?你的webpack.config.js看起来像什么?Edge似乎在报告正在eval()的字符串中的某个地方出现了错误,但实际上无法告诉您错误的位置。是的,在Chrome/Firefox/Safari中工作得非常好。我同时在调查IE11中的一个问题,但错误是不同的。在IE11中,我在控制台中得到:“对象不支持属性或方法‘repeat’”。在IE11中,错误来自这里,我想@MikeDimmick我已经添加了上面的网页文件。应用程序的一部分是用ES6编写的,所以我用Babel配置了网页包。没有它我就看不到它在工作。。。
module.exports = {
entry: {
academy: "./src/app.js"
},
output: {
filename: "../website/app/assets/javascripts/academy/[name].js"
},
module: {
loaders: [
{ test: /\.js$/, loaders: ["babel-loader"], exclude: /node_modules/ },
{ test: /\.css$/, loader: "style-loader!css-loader" }
]
},
resolve: {
extensions: ["", ".js"]
},
devtool: process.env.NODE_ENV !== "production" ? "eval-source-map" : null
};