vue包装npm run build-testが突然動かなくなった問題を解決します。
2824 ワード
今日は珍しいことに出会いました。
npm run build-testを入力して突然ここで止まってしまいました。whatですか?動かない
後にgoogleは、みんな人材です。
この言葉を実行してください。
npm config set registryhttp://registry.cnpmjs.org
知識を補充しますtest_ユニットe 2 e共通問題npm run unitユニット試験とnpm run e 2 e統合試験問題
vueプロジェクトはunitとe 2 eのよくある問題を行います。
local Strage is not available for opaque origgins
consone.error node_modules\vue\dist\vue.runtime.com.dev.js
通常はvue init webpack myprojectによって生成されるプロジェクトで、unitとe 2 eモジュールを選択すると、問題があります。
1.まずunitです。npm run unitを運転すると、以下の問題が発生します。
SecurityError:locastrage is not available for opaque origgins
just運行というのはnode環境ですので、locastrageはありません。
解決策:
プロジェクト内のtest/unit/jst.com nf.jsファイルで
次の3つを加えるといいです。
consone.error node_modules\vue\dist\vue.runtime.com.dev.js:621
[Vue warn]:Uniknown custom element:-did you register the component corectly?For recursive components,make sure to provide the"name"option.
elementsuiというコンポーネントは登録されていません。
解決策:
修正項目の中のtest/unit/setup.jsファイルの内容は以下の通りです。
コピーした後、npm iからnpm run unitまたはnpm run e 2 eでいいです。
リマインダ
mountはユーザーのインタラクションを処理できないので、vue公式推薦の@vue/test-utilsを使ってインストールして、プロジェクトの中で使うことができます。
npm i@vue/test-utils-D
使用:プロジェクトのtest/unit/spec/Hello World.spec.jsファイルで、
npm run build-testを入力して突然ここで止まってしまいました。whatですか?動かない
後にgoogleは、みんな人材です。
この言葉を実行してください。
npm config set registryhttp://registry.cnpmjs.org
知識を補充しますtest_ユニットe 2 e共通問題npm run unitユニット試験とnpm run e 2 e統合試験問題
vueプロジェクトはunitとe 2 eのよくある問題を行います。
local Strage is not available for opaque origgins
consone.error node_modules\vue\dist\vue.runtime.com.dev.js
通常はvue init webpack myprojectによって生成されるプロジェクトで、unitとe 2 eモジュールを選択すると、問題があります。
1.まずunitです。npm run unitを運転すると、以下の問題が発生します。
SecurityError:locastrage is not available for opaque origgins
just運行というのはnode環境ですので、locastrageはありません。
解決策:
プロジェクト内のtest/unit/jst.com nf.jsファイルで
次の3つを加えるといいです。
testEnvironment: 'jsdom',
verbose: true,
testURL: 'http://localhost'
2.そして、もしあなたがelemenuiモジュールを使ったら、以下を間違えます。consone.error node_modules\vue\dist\vue.runtime.com.dev.js:621
[Vue warn]:Uniknown custom element:
elementsuiというコンポーネントは登録されていません。
解決策:
修正項目の中のtest/unit/setup.jsファイルの内容は以下の通りです。
import Vue from 'vue'
// Vue
global.Vue = Vue;
console.log('--global:',global.hasOwnProperty('Vue'))
Vue.config.productionTip = false
// elementui
import ElementUI from 'element-ui';
// npm run unit - 。 , css
// import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
プロジェクトのデモのソースコードはこれです。https://github.com/banana618859/vue_test_ユニットe 2 eコピーした後、npm iからnpm run unitまたはnpm run e 2 eでいいです。
リマインダ
mountはユーザーのインタラクションを処理できないので、vue公式推薦の@vue/test-utilsを使ってインストールして、プロジェクトの中で使うことができます。
npm i@vue/test-utils-D
使用:プロジェクトのtest/unit/spec/Hello World.spec.jsファイルで、
import HelloWorld from '@/components/HelloWorld.vue'
import { mount } from '@vue/test-utils'
describe(' helloworld ',() => {
it(' ,msg ',() => {
//
let wrapper = mount(HelloWorld) // @vue/test-utils mount
wrapper.vm.newData = 1;
wrapper.find('.btn').trigger('click') //
expect( wrapper.vm.msg ).toBe('test_if')
})
})
以上の問題を解決しました。vue包装npm run build-testが突然動かなくなりました。この問題は小編集が皆さんに共有した内容の全部です。参考にしてもらいたいです。どうぞよろしくお願いします。