语法错误:意外的令牌'...'。预期的属性名称

我正在使用React App,但无法在Safari和IE中打开此应用。

对于Safari(10.1.2):SyntaxError: Unexpected token '...'. Expected a property name.

对于IE-11:SCRIPT1028: SCRIPT1028: Expected identifier,string or number

我的package.json文件是..

"dependencies": {
    "@babel/core": "^7.0.0","@babel/plugin-proposal-object-rest-spread": "^7.6.2","@storybook/addon-backgrounds": "^3.4.8","@storybook/react": "^4.0.0-alpha.4","@types/d3": "^5.0.0","@types/debug": "^0.0.30","@types/enzyme": "^3.1.9","@types/jest": "^23.1.4","@types/moment-timezone": "^0.5.4","@types/react": "^16.9.11","@types/react-dom": "^16.9.3","@types/react-intl": "^2.3.16","@types/react-mentions": "2.4.0","@types/react-redux": "^7.1.5","@types/react-router": "^5.1.2","@types/react-router-dom": "^5.1.0","@types/react-select": "^1.2.6","@types/react-show-more": "^2.0.1","@types/reactour": "^1.13.1","@types/redux": "^3.6.0","@types/redux-form": "^7.3.1","@types/redux-logger": "^3.0.6","@types/storybook__addon-backgrounds": "^3.2.0","@types/storybook__react": "^3.0.8","@types/styled-components": "^4.1.19","awesome-typescript-loader": "^5.2.0","axios": "^0.18.0","babel-engine-plugin": "^0.3.0","babel-loader": "^7.0.0","babel-register": "^6.26.0","connected-react-router": "^4.4.1","cosed": "^1.1.8","d3": "^5.7.0","date-fns": "^1.29.0","debug": "^3.1.0","duplicate-package-checker-webpack-plugin": "^3.0.0","emoji-mart": "^2.6.1","enzyme": "^3.3.0","enzyme-adapter-react-16": "^1.1.1","gen-tester": "^3.1.2","history": "^4.10.1","html-loader": "^0.5.5","html-webpack-plugin": "^3.1.0","husky": "^0.14.3","immer": "^1.3.1","jest": "^23.3.0","jest-environment-enzyme": "^6.0.2","jest-enzyme": "^6.0.2","jest-styled-components": "^6.0.0","lint-staged": "^7.2.0","moment-timezone": "^0.5.14","prettier": "^1.13.7","prop-types": "^15.7.2","react": "^16.11.0","react-cosed": "^1.0.9","react-dom": "^16.11.0","react-intl": "^2.8.0","react-redux": "^5.1.1","react-router": "^5.1.2","react-router-dom": "^5.1.2","react-select": "^1.2.1","reactour": "^1.15.4","redux": "^4.0.0","redux-cosed": "^1.0.1","redux-form": "^8.2.6","redux-persist": "^5.10.0","redux-thunk": "^2.3.0","styled-components": "^4.4.1","ts-jest": "^23.0.0","tslint": "^5.9.1","tslint-config-prettier": "^1.13.0","tslint-no-circular-imports": "^0.5.0","typescript": "^3.0.1","uglifyjs-webpack-plugin": "^1.2.7","url-loader": "^1.0.1","webpack": "^4.15.1","webpack-cli": "^3.0.8","webpack-dev-server": "^3.1.5","webpack-merge": "^4.1.3"
  },"devDependencies": {
    "@types/lodash.debounce": "^4.0.4","firebase-tools": "^6.1.0","lodash.debounce": "^4.0.8"
  }

如果需要更多详细信息,请告诉我。

请提出建议,我该怎么办...。 谢谢

我的webpack.js文件是...。

const path = require('path');
const HtmlWebPackPlugin = require('html-webpack-plugin');
const {
  CheckerPlugin,TsConfigPathsPlugin,} = require('awesome-typescript-loader');
const DuplicatePackageCheckerPlugin = require('duplicate-package-checker-webpack-plugin');

const ROOT = path.resolve(__dirname,'..');

module.exports = {
  module: {
    rules: [
      {
        test: /.tsx?$/,use: 'awesome-typescript-loader',exclude: /node_modules/,},{
        test: /.(png|jpg|gif|svg)$/,use: [
          {
            loader: 'url-loader',options: {
              limit: 25000,],{
        test: /.html$/,use: 'html-loader',resolve: {
    extensions: ['.tsx','.ts','.js'],modules: [path.resolve(ROOT,'shared'),'node_modules'],plugins: [new TsConfigPathsPlugin()],plugins: [
    new HtmlWebPackPlugin({
      template: path.join(ROOT,'shared','index.html'),filename: './index.html',}),new CheckerPlugin(),new DuplicatePackageCheckerPlugin(),};

我认为babel-loader可以工作,但是找不到使用babel-loader的任何方式。

请提出一些解决方案...

xrf0827 回答:语法错误:意外的令牌'...'。预期的属性名称

问题是默认情况下,应用程序是在IE7上呈现的,而不仅仅是在支持已编译版本的IE IE11 / EDGE上呈现。因此,我不得不提及元信息,以使浏览器知道预期的浏览器是IE11 / edge。将其添加到index.html的头部:

现在控制台中可能出现一些错误:

SCRIPT5009:“设置”未定义

请参考以下链接以获取错误链接:https://reactjs.org/docs/javascript-environment-requirements.html

有关更多信息,请访问链接:链接:https://github.com/facebook/react/issues/8379

本文链接:https://www.f2er.com/3137732.html

大家都在问