ошибка узла js при запуске проекта swagger - PullRequest
Новая
       27

ошибка узла js при запуске проекта swagger

0 голосов
/ 03 октября 2019

Я использую папку swagger-ui-dist для своего проекта. Пока я запускаю его через npm run dev, он работает хорошо, и я вижу желаемое поведение.

Однако, когда я фиксирую это на сервере, что-то меняется, и запуск его на сервере через npm запуска dev даетошибка ниже: 


import path from "path";
       ^^^^

SyntaxError: Unexpected identifier
    at Module._compile (internal/modules/cjs/loader.js:723:23)
    at Module._compile (/Users/myuserName/Desktop/APIs_Clone/node_modules/pirates/lib/index.js:99:24)
    at Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Object.newLoader [as .js] (/Users/myuserName/Desktop/APIs_Clone/node_modules/pirates/lib/index.js:104:7)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Module.require (internal/modules/cjs/loader.js:692:17)

Пожалуйста, помогите решить ее, заранее спасибо:)

Также ниже мой код файла dev.babel.js: 

const path = require("path");
import { HotModuleReplacementPlugin } from "webpack"
import configBuilder from "./_config-builder"
import styleConfig from "./stylesheets.babel"

const devConfig = configBuilder(
  {
    minimize: false,
    mangle: false,
    sourcemaps: true,
    includeDependencies: true,
  },
  {
    mode: "development",
    entry: {
      "swagger-ui-bundle": [
        "./src/polyfills.js", // TODO: remove?
        "./src/core/index.js",
      ],
      "swagger-ui-standalone-preset": [
        "./src/polyfills", // TODO: remove?
        "./src/standalone/index.js",
      ],
      "swagger-ui": "./src/style/main.scss",
    },

    performance: {
      hints: false
    },

    output: {
      library: "[name]",
      filename: "[name].js",
      chunkFilename: "[id].js",
    },

    devServer: {
      port: 4493,
      publicPath: "/",
      disableHostCheck: true, // for development within VMs
      stats: {
        colors: true,
      },
      hot: true,
      contentBase: path.join(__dirname, "../", "dev-helpers"),
      host: "0.0.0.0",
    },

    plugins: [new HotModuleReplacementPlugin()],
  }
)

// mix in the style config's plugins and loader rules

devConfig.plugins = [...devConfig.plugins, ...styleConfig.plugins]

devConfig.module.rules = [
  ...devConfig.module.rules,
  ...styleConfig.module.rules,
]

export default devConfig

1 Ответ

0 голосов
/ 03 октября 2019

Узел не поддерживает импорт ES6 из коробки. Эта функция все еще экспериментальная

У вас есть 2 решения:

  • Использование require: 
const path = require("path");
  • Вы можете попытаться настроить свой проект с помощью babel, который перенесет ваш код во что-то, поддерживаемое NodeJS: https://babeljs.io/en/setup

Редактировать:
Сваш файл конфигурации babel также использует импорт ES6, вы не можете запустить процесс сборки своего приложения. Таким образом, чтобы использовать импорт ES6 в вашем реальном коде приложения, ваши сценарии сборки и конфигурации могут использовать только require.

Вы должны заменить операторы import в вашем файле dev.babel.js следующим образом:

const { HotModuleReplacementPlugin } = require("webpack")
const configBuilder = require("./_config-builder")
const  styleConfig = require("./stylesheets.babel")
...