Невозможно запустить / просмотреть приложение Vue внутри Liferay DXP - PullRequest
Новая
       50

Невозможно запустить / просмотреть приложение Vue внутри Liferay DXP

1 голос
/ 13 апреля 2020

13-апр-2020:

Всем, добрый вечер. Я пробовал HelloWorld Sample of Liferay plus Vue. js. Я следовал инструкциям, приведенным в https://help.liferay.com/hc/en-us/articles/360029028071-Developing-a-Vue-Application. Мне удалось создать приложение, но при выполнении приложения я получаю следующую ошибку. Похоже, я что-то упустил. Может ли кто-нибудь помочь мне? Большое спасибо.

14 апреля 2020:

Кроме того, я вижу в webpack.config. js (автоматически сгенерированный) имеет только. js как расширения.

Сообщение об ошибке:

ОШИБКА в ../src/App.vue Ошибка модуля (из ../node_modules/vue-loader/lib/ index. js): vue - загрузчик использовался без соответствующего плагина. Обязательно включите VueLoaderPlugin в конфигурацию вашего веб-пакета. @ ../src/index.js 3: 0-28 40: 19-22 49: 6-9 @ ./index.js @ multi. ./node_modules/webpack-dev-server/client?http://localhost:8081 ./index.js

.babler c 

{
  "presets": [
    "@babel/preset-env"
  ]
}

.npmbuildr c

{
  "translatorTextKey": "",
  "supportedLocales": [],
  "webpack": {
    "rules": [{
        "test": "src\\\\.*\\.js$",
        "use": "babel-loader"
      },
      {
        "test": "src\\\\.*\\.vue$",
        "use": "vue-loader"
      }
    ]
  }
}

ProjectFolder / webpackFolder / webpack.config. js [Сгенерировано автоматически] 

var path = require('path');

module.exports = {
  mode: 'development',
  devtool: 'source-map',
  entry: './index.js',
  output: {
    path: path.resolve(path.join(__dirname, 'build')),
    filename: 'webpack.bundle.js',
  },
  devServer: {
    open: true,
    openPage: '',

    proxy: {},
    publicPath: '/o/projectfolder/',
  },
  plugins: [new require('copy-webpack-plugin')(['../assets'])],
  module: {
    rules: [{
        test: /src\\.*\.js$/,
        use: 'babel-loader'
      },
      {
        test: /src\\.*\.vue$/,
        use: 'vue-loader'
      }
    ],
  },
  resolve: {
    extensions: ['.js']
  }
};
...