web-dev-qa-db-ja.com

CSSローダーの無効なオプションオプションに追加のプロパティを含めることはできません

新しいnativescript-vue開発者はこちら...

通常のビルドルーチンを実行すると、すべての/components/*.vueファイルで突然tnsビルドエラーが発生します。

  • $ rm -rf node_modules/hooks/platform/package-lock.json

  • $ tns build ios --bundle --env.config dev

    ./components/Startup.vue?vue&type=style&index=0&lang=css&（../node_modules/nativescript-dev-webpack/style-hot-loader.js!../node_modules/nativescript-dev-webpack/apply-のエラーcss-loader.js！../ node_modules/css-loader/dist/cjs.js ?? ref--1-2！../ node_modules/vueloader/lib/loaders/stylePostLoader.js！../ node_modules/vue -loader/lib ?? vue-loader-options！./ components/Startup.vue？vue＆type = style＆index = 0＆lang = css＆）

    モジュールのビルドに失敗しました（../node_modules/css-loader/dist/cjs.jsから）：ValidationError：CSSローダーの無効なオプション

    オプションに追加のプロパティを含めることはできません

    validateOptions（/ Users /.../ node_modules/css-loader/node_modules/schema-utils/src/validateOptions.js：32：11）at Object.loader（/ Users /.../ node_modules/css-loader/dist/index.js：44：28）@ ./components/Startup.vue?vue&type=style&index=0&lang=css& 1：0-371 1：387-390 1：392-760 1：392-760 @ ./components /Startup.vue @ ./router/index.js @ ./app.js

これは、Nativescriptに付属しているUglifyJsPluginに関連しているようです。私のwebpack.config.jsでは：

const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
...
const config = {
        mode: mode,
        context: appFullPath,
        externals,
        ...
        minimize: Boolean(production),
        minimizer: [
                new UglifyJsPlugin({
                    parallel: true,
                    cache: true,
                    uglifyOptions: {
                        output: {
                            comments: false,
                        },
                        compress: {
                            // The Android SBG has problems parsing the output
                            // when these options are enabled
                            'collapse_vars': platform !== "Android",
                            sequences: platform !== "Android",
                        },
                    },
                }),
            ],

なぜこれが失敗しているのかわかりません。環境：

  • OS X 10.14.5
  • tns：5.3.4
  • ネイティブスクリプト：5.4.2
webpacknativescript-vue
2
sonoerin

私はついに解決策を見つけ、助けが必要かもしれない他の人のためにここに投稿しました。 Nativescript によると、Webpackをアップグレードする必要がありました。これを実行するとうまくいき、ビルドして再実行できるようになりました：./ node_modules/.bin/update-ns-webpack --deps --configs

0
sonoerin