timc1 / react-fullscreen-image Goto Github PK

SyntaxError: Unexpected token 'export'
    at wrapSafe (internal/modules/cjs/loader.js:992:16)
    at Module._compile (internal/modules/cjs/loader.js:1040:27)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1097:10)
    at Module.load (internal/modules/cjs/loader.js:941:32)
    at Function.Module._load (internal/modules/cjs/loader.js:782:14)
    at Module.require (internal/modules/cjs/loader.js:965:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at Object.react-fullscreen-image (/Users/richardrobinson/WebstormProjects/instantish/web/.next/server/static/development/pages/i/[code].js:420:18)
    at __webpack_require__ (/Users/richardrobinson/WebstormProjects/instantish/web/.next/server/static/development/pages/i/[code].js:23:31)
    at Module../pages/i/[code].tsx (/Users/richardrobinson/WebstormProjects/instantish/web/.next/server/static/development/pages/i/[code].js:222:80)
    at __webpack_require__ (/Users/richardrobinson/WebstormProjects/instantish/web/.next/server/static/development/pages/i/[code].js:23:31)
    at Object.4 (/Users/richardrobinson/WebstormProjects/instantish/web/.next/server/static/development/pages/i/[code].js:364:18)
    at __webpack_require__ (/Users/richardrobinson/WebstormProjects/instantish/web/.next/server/static/development/pages/i/[code].js:23:31)
    at /Users/richardrobinson/WebstormProjects/instantish/web/.next/server/static/development/pages/i/[code].js:91:18
    at Object.<anonymous> (/Users/richardrobinson/WebstormProjects/instantish/web/.next/server/static/development/pages/i/[code].js:94:10)
    at Module._compile (internal/modules/cjs/loader.js:1076:30)
/Users/richardrobinson/WebstormProjects/instantish/web/node_modules/react-fullscreen-image/lib/index.js:1
export { ImageGroup, Image } from './fullscreen';
^^^^^^

const { parsed: localEnv } = require('dotenv').config();
const webpack = require('webpack');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

const path = require('path');
const Dotenv = require('dotenv-webpack');

// next.config.js
module.exports = {
  target: 'serverless',
  serverRuntimeConfig: {
    // Will only be available on the server side
  },
  env: {
  },
  webpack(config) {
    config.plugins = config.plugins || [];

    const rule = {
      test: /\.css$/,
      exclude: /node_modules\/(?!(react-fullscreen-image)\/).*/,
      use: [MiniCssExtractPlugin.loader, 'css-loader'],
    };

    config.module.rules.push(rule);

    config.module.rules.push({
      test: /\.(png|woff|woff2|eot|ttf|svg)$/,
      use: [
        {
          loader: 'url-loader',
          options: {
            limit: 100000,
          },
        },
      ],
    });

    config.module.rules.push({
      test: /\.ts|\.tsx$/,
      use: 'awesome-typescript-loader',
      include: path.resolve(__dirname, '../api'),
    });

    config.plugins = [
      ...config.plugins,

      // Read the .env file
      new Dotenv({
        path: path.join(__dirname, '.env'),
        systemvars: true,
      }),
      new MiniCssExtractPlugin(),
    ];

    return config;
  },
};

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": false,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve"
  },
  "exclude": [
    "node_modules"
  ],
  "include": [
    "next-env.d.ts",
    "**/*.ts",
    "**/*.tsx"
  ]
}