Модуль не найден: Ошибка: не удается разрешить './router' в 'C: \ HK \ Vue -learning \ testapp1 \ src' - PullRequest
Новая
       92

Модуль не найден: Ошибка: не удается разрешить './router' в 'C: \ HK \ Vue -learning \ testapp1 \ src'

0 голосов
/ 17 февраля 2020

Я новичок в Vue js. Я установил шаблон basi c vue и добавил веб-пакет для комплектации. Но когда я использую «webpack --config webpack.config.js» для сборки приложения, я получаю следующую ошибку.

** ОШИБКА в ./src/main.ts Модуль не найден: Ошибка: может 't resol' ./router 'в' C: \ HK \ Vue -learning \ testapp1 \ src '@ ./src/main.ts 2: 0-30 7: 12-18

ОШИБКА в ./src/main.ts Модуль не найден: Ошибка: Не удается разрешить './store' в 'C: \ HK \ Vue -learning \ testapp1 \ src' @ ./src/main .ts 3: 0-28 8: 11-16

ОШИБКА при ошибке: дочерняя компиляция: модуль ввода не найден: ошибка: не удается разрешить 'C: \ HK \ Vue -обучение \ testapp1 \ static \ index.html 'in' C: \ HK \ Vue -learning \ testapp1 ': Ошибка: не удается разрешить' C: \ HK \ Vue -learning \ testapp1 \ static \ index.html 'in' C: \ HK \ Vue -learning \ testapp1 '

компилятор. js: 79 childCompiler.runAsChild [testapp1] / [html -webpack-plugin ] /lib/compiler.js:79:16

Компилятор. js: 343 compile [testapp1] / [webpack] /lib/Compiler.js:343:11

Компилятор. js: 681 hooks.afterCompile .callAsyn c .err [testapp1] / [webpack] /lib/Compiler.js:681:15

Hook. js: 154 AsyncSeriesHook.lazyCompileHook [testapp1] / [tapable] / lib / Hook. js: 154: 20

Компилятор. js: 678 compilation.seal.err [testapp1] / [webpack] /lib/Compiler.js:678:31

Hook. js: 154 AsyncSeriesHook.lazyCompileHook [testapp1] / [tapable] /lib/Hook.js:154:20

Компиляция. js: 1423 hooks.optimizeAssets. callAsyn c .err [testapp1] / [webpack] /lib/Compilation.js:1423:35

Hook. js: 154 AsyncSeriesHook.lazyCompileHook [testapp1] / [tapable] / lib /Hook.js:154:20

Компиляция. js: 1414 hooks.optimizeChunkAssets.callAsyn c .err [testapp1] / [webpack] /lib/Compilation.js:1414 : 32

index. js: 321 taskRunner.run [testapp1] / [terser-webpack-plugin] /dist/index.js:321:9

TaskRunner. js: 48 TaskRunner.run [testapp1] / [terser-webpack-plugin] /dist/TaskRunner.js:48:7

index. js: 227 TerserPlugin.op timizeFn [testapp1] / [terser-webpack-plugin] /dist/index.js:227:18

Hook. js: 154 AsyncSeriesHook.lazyCompileHook [testapp1] / [tapable] / lib / Hook. js: 154: 20

Компиляция. js: 1409 hooks.additionalAssets.callAsyn c .err [testapp1] / [webpack] /lib/Compilation.js:1409: 36

Hook. js: 154 AsyncSeriesHook.lazyCompileHook [testapp1] / [tapable] /lib/Hook.js:154:20

Компиляция. js: 1405 крючков .optimizeTree.callAsyn c .err [testapp1] / [webpack] /lib/Compilation.js:1405:32

Hook. js: 154 AsyncSeriesHook.lazyCompileHook [testapp1] / [tapablepp] ] /lib/Hook.js:154:20

Компиляция. js: 1342 Compilation.seal [testapp1] / [webpack] /lib/Compilation.js:1342:27

Компилятор. js: 675 compilation.fini sh .err [testapp1] / [webpack] /lib/Compiler.js:675:18

Компиляция. js: 1261 hooks.finishModules.callAsyn c .err [testapp1] / [webpack] /lib/Compilation.js:1261:4

Hook. js: 1 54 AsyncSeriesHook.lazyCompileHook [testapp1] / [tapable] /lib/Hook.js:154:20

Компиляция. js: 1253 Compilation.finish [testapp1] / [webpack] / lib / Compilation . js: 1253: 28

Компилятор. js: 672 hooks.make.callAsyn c .err [testapp1] / [webpack] /lib/Compiler.js:672:17

Компиляция. js: 1185 _addModuleChain [testapp1] / [webpack] /lib/Compilation.js:1185:12

Компиляция. js: 1044 errorAndCallback.bail. err [testapp1] / [webpack] /lib/Compilation.js:1044:6

Компиляция. js: 1075 moduleFactory.create [testapp1] / [webpack] /lib/Compilation.js: 1075: 14

NormalModuleFactory. js: 401 factory [testapp1] / [webpack] /lib/NormalModuleFactory.js:401:22

Child html -webpack -плагин для «index.html»:

ОШИБКА в модуле ввода не найдена: ошибка: не удается разрешить 'C: \ HK \ Vue -learning \ testapp1 \ static \ index. html' в 'C: \ HK \ Vue -learning \ testapp1 'npm ERR! код ELIFECYCLE npm ОШИБКА! errno 2 npm ERR! testapp1@0.1.0 build: prod: webpack --config webpack.config. js npm ОШИБКА! Статус выхода 2 npm ERR! npm ОШИБКА! Не удалось выполнить сценарий testapp1@0.1.0 build: prod. npm ОШИБКА! Вероятно, это не проблема с npm. Вероятно, есть дополнительные выходные данные регистрации.

npm ERR! Полный журнал этого прогона можно найти в: npm ERR! C: \ Users \ AppData \ Roaming \ npm -cache_logs \ 2020-02-17T04_54_32_639Z-debug.log *** Пакет 1069 * 

 webpack.config.js
------------------------
const { VueLoaderPlugin } = require('vue-loader');
const path = require('path');

const HtmlWebpackPlugin = require('html-webpack-plugin');

const env = process.env.NODE_ENV;

const config = {
entry: path.join(__dirname, 'src', 'main.ts'),
mode: env,
output: {
publicPath: '/build',
},
optimization: {
splitChunks: {
  // Must be specified for HtmlWebpackPlugin to work correctly.
  // See: https://github.com/jantimon/html-webpack-plugin/issues/882
  chunks: 'all',
},
},
module: {
rules: [
  {
    test: /\.vue$/,
    loader: 'vue-loader',
  },
  {
    test: /\.js$/,
    exclude: /(node_modules|bower_components)/,
    loader: "babel-loader",
    exclude: /node_modules/,
},
{
    test: /\.ts$/,
    loader: "ts-loader",
    options: {
        appendTsSuffixTo: [/\.vue$/],
        transpileOnly: true
    }
},
{
    test: /\.css$/,
    loader: "css-loader"
}
],
},
plugins: [
new VueLoaderPlugin(),
new HtmlWebpackPlugin({
  filename: path.join(__dirname, 'dist', 'index.html'),
  template: path.join(__dirname, 'static', 'index.html'),
  inject: true,
}),
],
 };

module.exports = config;'

. json

package.json

{
“name”: “testapp1”,
“version”: “0.1.0”,
“private”: true,
“scripts”: {
“serve”: “vue-cli-service serve”,
“build”: “vue-cli-service build”,
“build:prod”: “webpack --config webpack.config.js”,
“lint”: “vue-cli-service lint”
},
“dependencies”: {
“vue”: “^2.6.11”,
“vue-class-component”: “^7.2.2”,
“vue-property-decorator”: “^8.3.0”,
“vue-router”: “^3.1.5”,
“vuex”: “^3.1.2”
},
“devDependencies”: {
“@typescript-eslint/eslint-plugin”: “^2.18.0”,
“@typescript-eslint/parser”: “^2.18.0”,
“@vue/cli-plugin-eslint”: “~4.2.0”,
“@vue/cli-plugin-router”: “~4.2.0”,
“@vue/cli-plugin-typescript”: “~4.2.0”,
“@vue/cli-plugin-vuex”: “~4.2.0”,
“@vue/cli-service”: “~4.2.0”,
“@vue/eslint-config-standard”: “^5.1.0”,
“@vue/eslint-config-typescript”: “^5.0.1”,
“eslint”: “^6.7.2”,
“eslint-plugin-import”: “^2.20.1”,
“eslint-plugin-node”: “^11.0.0”,
“eslint-plugin-promise”: “^4.2.1”,
“eslint-plugin-standard”: “^4.0.0”,
“eslint-plugin-vue”: “^6.1.2”,
“typescript”: “~3.7.5”,
“vue-template-compiler”: “^2.6.11”,
“vue-webpack”: “^1.10.2”,
“webpack-cli”: “^3.3.11”
},
“eslintConfig”: {
“root”: true,
“env”: {
“node”: true
},
“extends”: [
“plugin:vue/essential”,
“@vue/standard”,
“@vue/typescript/recommended”
],
“parserOptions”: {
“ecmaVersion”: 2020
},
“rules”: {}
},
“browserslist”: [
“> 1%”,
“last 2 versions”
]
}
...