Угловой SummerNote не работает с веб-пакетом? - PullRequest
0 голосов
/ 07 декабря 2018

Мы работаем над проектом AngularJ версии 1.5.10.Теперь мы хотим переместить его в версию Angular 5/6.

Приложение ранее было построено с использованием JHipster, но сейчас мы удалили JHipster.

Все зависимости bower перенесены в пакет.json.

Сейчас мы пытаемся связать сценарии с помощью версии веб-пакета: 4.26.1

В проекте summernote использовалась версия angular-summernote@0.8.1.Но теперь, когда мы пытаемся запустить веб-пакет для создания связанного JS, мы получаем ошибку ниже:

C:\MY_DRIVE\Projects\MyProject\AngularUpgrade>npm run build

> library-app@0.0.0 build C:\MY_DRIVE\Projects\MyProject\AngularUpgrade
> rimraf src/main/webapp/dist && webpack --mode development --bail --progress --profile

 70% building 66/72 modules 6 active ...de\node_modules\ng-file-upload\index.jsModuleNotFoundError: Module not found: Error: Can't resolve 'angular-summernote' in 'C:\MY_DRIVE\Projec
ts\MyProject\AngularUpgrade\src\main\webapp\app'
    at factory.create (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\webpack\lib\Compilation.js:821:10)
    at factory (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\webpack\lib\NormalModuleFactory.js:397:22)
    at resolver (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\webpack\lib\NormalModuleFactory.js:130:21)
    at asyncLib.parallel (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\webpack\lib\NormalModuleFactory.js:224:22)
    at C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\neo-async\async.js:2825:7
    at C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\neo-async\async.js:6886:13
    at normalResolver.resolve (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\webpack\lib\NormalModuleFactory.js:214:25)
    at doResolve (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\enhanced-resolve\lib\Resolver.js:184:12)
    at hook.callAsync (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\enhanced-resolve\lib\Resolver.js:238:5)
    at _fn0 (eval at create (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\tapable\lib\HookCodeFactory.js:32:10), <anonymous>:15:1)
    at resolver.doResolve (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:37:5)
    at hook.callAsync (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\enhanced-resolve\lib\Resolver.js:238:5)
    at _fn0 (eval at create (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\tapable\lib\HookCodeFactory.js:32:10), <anonymous>:15:1)
    at hook.callAsync (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\enhanced-resolve\lib\Resolver.js:238:5)
    at _fn0 (eval at create (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\tapable\lib\HookCodeFactory.js:32:10), <anonymous>:12:1)
    at resolver.doResolve (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\enhanced-resolve\lib\DescriptionFilePlugin.js:42:38)
    at hook.callAsync (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\enhanced-resolve\lib\Resolver.js:238:5)
    at _fn42 (eval at create (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\tapable\lib\HookCodeFactory.js:32:10), <anonymous>:390:1)
    at resolver.doResolve (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\enhanced-resolve\lib\ModuleKindPlugin.js:23:37)
    at hook.callAsync (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\enhanced-resolve\lib\Resolver.js:238:5)
    at _fn0 (eval at create (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\tapable\lib\HookCodeFactory.js:32:10), <anonymous>:15:1)
    at hook.callAsync (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\enhanced-resolve\lib\Resolver.js:238:5)
    at _fn0 (eval at create (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\tapable\lib\HookCodeFactory.js:32:10), <anonymous>:15:1)
    at args (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\enhanced-resolve\lib\forEachBail.js:30:14)
    at hook.callAsync (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\enhanced-resolve\lib\Resolver.js:238:5)
    at _fn0 (eval at create (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\tapable\lib\HookCodeFactory.js:32:10), <anonymous>:15:1)
    at resolver.doResolve (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:37:5)
    at hook.callAsync (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\enhanced-resolve\lib\Resolver.js:238:5)
    at _fn0 (eval at create (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\tapable\lib\HookCodeFactory.js:32:10), <anonymous>:15:1)
    at hook.callAsync (C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\enhanced-resolve\lib\Resolver.js:238:5)
resolve 'angular-summernote' in 'C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\src\main\webapp\app'
  Parsed request is a module
  using description file: C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\package.json (relative path: ./src/main/webapp/app)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\src\main\webapp\app\node_modules doesn't exist or is not a directory
      C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\src\main\webapp\node_modules doesn't exist or is not a directory
      C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\src\main\node_modules doesn't exist or is not a directory
      C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\src\node_modules doesn't exist or is not a directory
      C:\MY_DRIVE\Projects\MyProject\node_modules doesn't exist or is not a directory
      C:\MY_DRIVE\Projects\node_modules doesn't exist or is not a directory
      C:\MY_DRIVE\node_modules doesn't exist or is not a directory
      C:\node_modules doesn't exist or is not a directory
      looking for modules in C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules
        using description file: C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\package.json (relative path: ./node_modules)
          Field 'browser' doesn't contain a valid alias configuration
          using description file: C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\angular-summernote\package.json (relative path: .)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\angular-summernote is not a file
            .webpack.js
              Field 'browser' doesn't contain a valid alias configuration
              C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\angular-summernote.webpack.js doesn't exist
            .web.js
              Field 'browser' doesn't contain a valid alias configuration
              C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\angular-summernote.web.js doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\angular-summernote.ts doesn't exist
            .tsx
              Field 'browser' doesn't contain a valid alias configuration
              C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\angular-summernote.tsx doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\angular-summernote.js doesn't exist
            as directory
              existing directory
                using path: C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\angular-summernote\index
                  using description file: C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\angular-summernote\package.json (relative path: ./index)
                    no extension
                      Field 'browser' doesn't contain a valid alias configuration
                      C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\angular-summernote\index doesn't exist
                    .webpack.js
                      Field 'browser' doesn't contain a valid alias configuration
                      C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\angular-summernote\index.webpack.js doesn't exist
                    .web.js
                      Field 'browser' doesn't contain a valid alias configuration
                      C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\angular-summernote\index.web.js doesn't exist
                    .ts
                      Field 'browser' doesn't contain a valid alias configuration
                      C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\angular-summernote\index.ts doesn't exist
                    .tsx
                      Field 'browser' doesn't contain a valid alias configuration
                      C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\angular-summernote\index.tsx doesn't exist
                    .js
                      Field 'browser' doesn't contain a valid alias configuration
                      C:\MY_DRIVE\Projects\MyProject\AngularUpgrade\node_modules\angular-summernote\index.js doesn't exist
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! library-app@0.0.0 build: `rimraf src/main/webapp/dist && webpack --mode development --bail --progress --profile`
npm ERR! Exit status 1
npm ERR!

webpack.config.js

module.exports = {
    entry: "./src/main/webapp/app/app.main.ts",
    output: {
        path: __dirname + '/src/main/webapp/dist',
        filename: "bundle.js"
    },
    resolve: {            
        extensions: [".webpack.js", ".web.js", ".ts", ".tsx", ".js"],
        alias: {
            codemirror: './path/to/fake/codemirror'
        }
    },
       module: {
        rules: [
            {
                test: /\.tsx$/,
                use: [
                    {loader: 'ts-loader'},
                ]
            }
        ]
    }
};

Я пробовал решения, приведенные по адресу:

Но ничего не помогло.

Как можноЯ решил проблему?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...